使用Javascript:keydown事件:“向上”箭头键,防止进一步的箭头键KEYDOWN事件

2019-06-23 20:37发布

我发现了很多相关的问题(这里和其他地方),但还没有找到这一个特别。

按照一定的顺序使用箭头键时,随后的箭头不产生“的keydown”事件我想监听的箭头键(37-40)的keydown事件,但是。

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

  1. 在该页面中,单击“类型在这里 - >”框。
  2. 按住右箭头键:表更新键码39
  3. 继续按住右箭头键,按住向上箭头键:表更新到38
  4. 继续按住右和上箭头键,按住左键:表更新

但是,如果我做同样的事情,但使用向下箭头键而不是向上箭头键,然后按预期工作。

此外,如果我用键盘代替方向键的它按预期工作。

我阻止keydown事件的正常运行(包括通过在事件侦听器返回false,并通过调用preventDefault()方法),但问题仍然存在。

我想这可能是我的键盘,但它发生在笔记本电脑上,以及一个朋友的机器。

没有人有任何的洞察力是怎么回事? 或变通一些好的想法?

[编辑]这是我的意思的例子。 我知道这可能不是所有的浏览器,但我只是把这个一起在我的笔记本电脑来证明所发生的事情对我来说(对W7还铬和铬的Safari在Mac OS 10.6.8)

<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,你可以看到“最近的keydown”更新每一次我开始举办一个新的密钥。

不过,如果我按住右箭头,则向上箭头,然后左箭头,我没有看到“最近的keydown”更新为左箭头键。

Answer 1:

我不能在这说的,但根据https://stackoverflow.com/a/4177260/562209 ,除非你是一个组合键(S)和非修饰键的同时按下工作,关于多按键“的PC可能不是很了解,由于键盘是有线的方式”。



文章来源: Javascript: Keydown Event: “Up” arrow key preventing further arrow-key Keydown events? (answered: keyboard ghosting)