Question

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

我正在尝试为箭头键（37-40）监听keydown事件，但是当按特定顺序使用箭头键时，后续箭头不会生成“keydown”事件。

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

在该页面上，点击“在此处输入 - ＆gt;”框。
按住右箭头键：表格更新为键码39
在继续按住右箭头键的同时，按住向上箭头键：表格更新为38
在继续按住向上和向上箭头键的同时，按住左箭头键：表不更新

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

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

我阻止了keydown事件的正常操作（通过在事件监听器中返回false，并通过调用preventDefault（）），但行为仍然存在。

我认为它可能是我的键盘，但它发生在笔记本电脑和朋友的机器上。

有没有人知道发生了什么？或者关于变通方法的一些好主意？

[编辑] 这是我的意思的一个例子。我意识到这可能不适用于所有浏览器，但我只是把它放在我的笔记本电脑上，以展示我发生了什么（在w7上的chrome以及mac os 10.6.8上的chrome＆amp; 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，你可以看到每次我开始持有一个新密钥时更新的“Recent Keydown”。

但是，如果我按住向右箭头，然后向上箭头，然后向左箭头，我看不到左箭头键的“Recent Keydown”更新。

Answer 1

我不能就此发表权威，但根据https://stackoverflow.com/a/4177260/562209，除非您正在同时按下修改键和非修饰键，否则关于多键按下“由于键盘的连接方式，PC可能无法理解它。“

Javascript：Keydown事件：“向上”箭头键阻止进一步的箭头键Keydown事件？（回答：键盘鬼影）

1 个答案:

Javascript：Keydown事件：“向上”箭头键阻止进一步的箭头键Keydown事件？ （回答：键盘鬼影）

1 个答案:

Javascript：Keydown事件：“向上”箭头键阻止进一步的箭头键Keydown事件？（回答：键盘鬼影）