我如何检测当一个方向键被按下?我用这个找到了答案:
function checkKey(e) {
var event = window.event ? window.event : e;
console.log(event.keyCode)
}
虽然它适用于所有其他键，但它不适用于方向键(可能是因为浏览器默认情况下应该在这些键上滚动)。
当前回答
事件。钥匙== "ArrowRight"..
使用event.key。不再有任意的数字代码!如果您正在编译或知道您的用户都使用现代浏览器，请使用这个!
node.addEventListener('keydown', function(event) {
const key = event.key; // "ArrowRight", "ArrowLeft", "ArrowUp", or "ArrowDown"
});
详细的处理:
switch (event.key) {
case "ArrowLeft":
// Left pressed
break;
case "ArrowRight":
// Right pressed
break;
case "ArrowUp":
// Up pressed
break;
case "ArrowDown":
// Down pressed
break;
}
现代开关处理:
const callback = {
"ArrowLeft" : leftHandler,
"ArrowRight" : rightHandler,
"ArrowUp" : upHandler,
"ArrowDown" : downHandler,
}[event.key]
callback?.()
注意:旧属性(。keyCode和.which)已弃用。
“w”，“a”，“s”，“d”表示方向，使用event.code
为了支持使用非qwerty/English键盘布局的用户，您应该使用event.code。这将保留物理键的位置，即使导致字符发生变化。
事件。关键是，在德沃夏克和z在艾泽里，让你的游戏无法玩。
const {code} = event
if (code === "KeyW") // KeyA, KeyS, KeyD
最理想的情况是，你还允许按键重新映射，无论玩家处于何种情况，这都对他们有利。
注:事件。箭头的代码也是一样的
关键Mozilla文档
代码Mozilla文档
支持的浏览器
其他回答
我认为最新的方法是:
document.addEventListener("keydown", function(event) {
event.preventDefault();
const key = event.key; // "ArrowRight", "ArrowLeft", "ArrowUp", or "ArrowDown"
switch (key) { // change to event.key to key to use the above variable
case "ArrowLeft":
// Left pressed
<do something>
break;
case "ArrowRight":
// Right pressed
<do something>
break;
case "ArrowUp":
// Up pressed
<do something>
break;
case "ArrowDown":
// Down pressed
<do something>
break;
}
});
这假设开发人员希望代码在页面的任何地方都是活动的，而客户端应该忽略任何其他按键。消除event.preventDefault();行if键按，包括被此处理程序捕获的键按，应该仍然是活动的。
这是短的。
函数IsArrows (e) { return (e.keyCode >= 37 && e.keyCode <= 40); ｝
方向键在keyup时触发
$(document).on("keyup", "body", function(e) {
if (e.keyCode == 38) {
// up arrow
console.log("up arrow")
}
if (e.keyCode == 40) {
// down arrow
console.log("down arrow")
}
if (e.keyCode == 37) {
// left arrow
console.log("lefy arrow")
}
if (e.keyCode == 39) {
// right arrow
console.log("right arrow")
}
})
Onkeydown允许ctrl, alt，屎
Onkeyup允许标签，向上箭头，向下箭头，向左箭头，向下箭头
我也一直在寻找这个答案，直到我看到这篇文章。
我已经找到了另一个解决方案，知道不同的钥匙的键码，礼貌的我的问题。我只是想分享我的解决方案。
只需使用keyup/keydown事件在控制台/警报中写入值，使用event. keycode相同。像- - - - - -
console.log(event.keyCode)
// or
alert(event.keyCode)
——rupam
方向键只能由onkeydown触发，而不是onkeypress。
键码是:
左= 37 Up = 38 右= 39 下降= 40
