gpt4 book ai didi

Javascript:Keydown 事件: "Up"箭头键阻止进一步的箭头键 Keydown 事件? (回答:键盘重影)

转载 作者:太空狗 更新时间:2023-10-29 13:30:44 31 4
gpt4 key购买 nike

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

我正在尝试监听箭头键 (37-40) 的按键事件,但是当以特定顺序使用箭头键时,后续箭头不会生成“按键”事件。

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

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

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

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

我正在阻止 keydown 事件的正常操作(通过在事件监听器中返回 false 和调用 preventDefault() ),但行为仍然存在。

我以为它可能是我的键盘,但它发生在笔记本电脑和 friend 的机器上。

有没有人知道发生了什么事?或者关于解决方法的一些好主意?

[编辑]这是我的意思的一个例子。我意识到这可能不适用于所有浏览器,但我只是将它们放在我的笔记本电脑上以演示我正在发生的事情(在 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,每次我开始按住新键时,您都可以看到“最近的按键”更新。

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

最佳答案

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

关于Javascript:Keydown 事件: "Up"箭头键阻止进一步的箭头键 Keydown 事件? (回答:键盘重影),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10265560/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com