Javascript:键下事件:“向上”箭头键阻止进一步的键下事件?(回答:键盘重影）

Javascript: Keydown Event: "Up" arrow key preventing further arrow-key Keydown events? (answered: keyboard ghosting)

本文关键字：事件 回答 进一步 重影 键盘 向上 Javascript      更新时间：2023-09-26

我找到了很多相关的问题（在这里和其他地方），但没有具体找到这个问题。

我正在尝试侦听箭头键 （37-40） 的键下事件，但是当按特定顺序使用箭头键时，后续箭头不会生成"键下"事件。

例：http://blog.pothoven.net/2008/05/keydown-vs-keypress-in-javascript.html

  1. 在该页面上，单击"在此处键入 ->"框。
  2. 按住向右箭头键：表格更新为键码 39
  3. 在继续按住向右箭头键的同时，按住箭头键：表更新为 38
  4. 在继续按住向右和向上箭头键的同时，按住左箭头键：表格不更新

但是，如果我做同样的事情，但使用向下箭头键而不是向上箭头键，那么它会按预期工作。

此外，如果我使用键盘而不是箭头键，它会按预期工作。

我正在阻止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 可能无法理解它由于键盘的接线方式"。

相关文章：