js 触发onkeydown事件时候,获取光标所在元素或者获取光标所在标签名称

js 触发onkeydown事件时候,获取光标所在元素或者获取光标所在标签名称,第1张

<div id=test contenteditable=true></div>

<script>

windowonload=function(){

   documentgetElementById("test")onkeydown=function(e){

      //当前元素是(e||event)currentTarget

      consolelog((e||event)currentTarget);

      //标签名称是(e||event)currentTargettagName

      consolelog((e||event)currentTargettagName);

   }

}

</script>

function keyDown(e) {

var keycode = ewhich;

var realkey = StringfromCharCode(ewhich);

alert(”按键码: ” + keycode + ” 字符: ” + realkey);

}

documentonkeydown = keyDown;

创建一个textbox控件,然后再控件的keydown的事件处理器中写上判断代码

判断按下的按钮是否F1键,如果是的话用一个算法处理textbox内的字符串,取出text属性值,然后用TextBoxSelectionStart这个属性取出光标位置,向前遍历,如果遇到空格或者","这两个字符就终止遍历,这样的话就取出了想要的值,我现在没有时间给你写代码,只能给你说下大概的思路,和关键的点,算法还是要你自己写,如果有不明白的可以追问

这个一般使用JavaScript来处理onkeydown事件,当按键为Tab时将输入框内容加上4个空格。测试代码如下:

<html>

<head>

<script type="text/javascript">

function onKeyDown(evt) {

    var inputObj;

    if (evt == null) {

        evt = windowevent;

    }

    if (evtkeyCode == 9) {     // 按键为Tab

        inputObj = evtsrcElement != null  evtsrcElement : evttarget;

        inputObjvalue += "    ";       // 将输入框的内容加上4个空格

        return false;                   // 返回false, 中断按键的正常处理,从而避免输入焦点被移走

    }

    return true;

}

</script>

</head>

<body>

    <input type="text" onkeydown="return onKeyDown(event)" />

</body>

</html>

以上就是关于js 触发onkeydown事件时候,获取光标所在元素或者获取光标所在标签名称全部的内容,包括:js 触发onkeydown事件时候,获取光标所在元素或者获取光标所在标签名称、javascript中如何获取onkeydown的值、winform中截取由逗号,空格分开的字符串,并且按F1这个键时获得焦点所在的字符串 如:等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9380257.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存