我如何检测当一个方向键被按下?我用这个找到了答案:
function checkKey(e) {
var event = window.event ? window.event : e;
console.log(event.keyCode)
}
虽然它适用于所有其他键，但它不适用于方向键(可能是因为浏览器默认情况下应该在这些键上滚动)。
当前回答
我已经能够用jQuery捕获它们:
$(document).keypress(function (eventObject) {
alert(eventObject.keyCode);
});
示例:http://jsfiddle.net/AjKjU/
其他回答
控制键码%=37和&=38…只有箭头键左=37向上=38
function IsArrows (e) {
return ( !evt.shiftKey && (e.keyCode >= 37 && e.keyCode <= 40));
}
对于不可打印的键，如方向键，使用向下键，而不是按下键:
function checkKey(e) {
e = e || window.event;
alert(e.keyCode);
}
document.onkeydown = checkKey;
我找到的最好的JavaScript键事件参考资料(例如，打败quirksmode)在这里:http://unixpapa.com/js/key.html
上下键调用函数。每个钥匙都有不同的密码。
document.onkeydown = checkKey;
function checkKey(e) {
e = e || window.event;
if (e.keyCode == '38') {
// up arrow
}
else if (e.keyCode == '40') {
// down arrow
}
else if (e.keyCode == '37') {
// left arrow
}
else if (e.keyCode == '39') {
// right arrow
}
}
如果你想检测箭头按键，但不需要特定的Javascript
function checkKey(e) {
if (e.keyCode !== 38 || e.keyCode !== 40 || e.keyCode !== 37 || e.keyCode !== 39){
// do something
};
}
事件。钥匙== "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文档
支持的浏览器
