标签:html keydown onkeydown javascript keyboard
我已经找到了很多相关的问题(在这里和其他地方),但是还没有找到这个具体问题.
我正在尝试侦听箭头键(37-40)的击键事件,但是,按一定顺序使用箭头键时,后续箭头不会生成“键击”事件.
例:
http://blog.pothoven.net/2008/05/keydown-vs-keypress-in-javascript.html
>在该页面上,单击“在此处键入->”框.
>按住向右箭头键:表格更新为键码39
>在继续按住右箭头键的同时,按住箭头键:表格更新为38
>在继续按住向右和向上箭头键的同时,按住
左箭头键:表不更新
但是,如果我做同样的事情,但使用向下箭头键而不是向上箭头键,则它可以按预期工作.
此外,如果我使用键盘而不是箭头键,它会按预期工作.
我阻止了keydown事件的正常运行(通过在事件侦听器中返回false并通过调用preventDefault()),但是该行为仍然存在.
我以为可能是我的键盘,但是它同时出现在笔记本电脑和朋友的机器上.
是否有人对发生的事情有任何见解?或关于变通办法的一些好主意?
[编辑]
这是我的意思的例子.我意识到这可能不适用于所有浏览器,但我只是将其放在笔记本电脑上以演示对我来说正在发生什么(在w7上为chrome,在mac os 10.6.8上为chrome&safari)
<html>
<body>
<script>
var keysDown = {};
addEventListener("keydown", function(e) {
keysDown[e.keyCode] = true;
document.getElementById('latestKeydown').value=e.keyCode;
}, false);
addEventListener("keyup",function(e){
delete keysDown[e.keyCode];
}, false);
var loop = function(){
document.getElementById('upinput').value=keysDown[38];
document.getElementById('downinput').value=keysDown[40];
document.getElementById('leftinput').value=keysDown[37];
document.getElementById('rightinput').value=keysDown[39];
}
setInterval(loop,1);
</script>
Up: <input id="upinput" type=text size=10><br />
Down: <input id="downinput" type=text size=10><br />
Left: <input id="leftinput" type=text size=10><br />
Right: <input id="rightinput" type=text size=10><br />
Recent Keydown: <input id="latestKeydown" type=text size=10><br />
</body>
</html>
同样,问题是:
如果我先按A,然后按S,然后按D,再按F,然后按G,则每次我开始按住新键时,您都可以看到“最近按键按下”更新.
但是,如果我按住向右箭头,向上箭头,再向左箭头,则看不到向左箭头键的“最近键降”更新.
解决方法:
我不能就此发表任何意见,但根据https://stackoverflow.com/a/4177260/562209,除非您同时按下修饰键和非修饰键,否则对于多键按下,“由于以下原因,PC可能无法理解它:键盘的接线方式”.
标签:html,keydown,onkeydown,javascript,keyboard 来源: https://codeday.me/bug/20191010/1887300.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。