如何检测 JavaScript 中的箭头按键？ [复制]

Question

我正在用 JavaScript 制作赛车游戏。汽车由箭头键控制。我以前用 JavaScript 制作过很多游戏，而且效果很好。
我使用的代码是：

function detectKey(e) {
    var event = window.event ? window.event : e;
    if (true) {
        alert(event.keyCode)
    }
}

现在我第一次将此代码用于箭头键。每当我按下箭头键时，页面就会上下移动。我不明白这个问题。有人可以帮忙吗？

Answer 1

这是所有键码的列表http://mikemurko.com/general/jquery-keycode-cheatsheet/
- 输入：13 - 最多：38 - 下降：40 - 右：39 - 左：37

    $(document).keyup(function(e) {
        if (e.which === 38) {
          //up was pressed
        }
    });

Answer 2

使用 keyCode 如下：

$(document).on('keypress','your-element',function(e){
    if(e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40)
    console.log("Arrow key pressed");
})

Answer 3

在纯 JavaScript 中

document.onkeydown = function myFunction() {
switch (event.keyCode) {
case 38:
    console.log("Up key is pressed");
    break;
case 40:
    console.log("Down key is pressed");
    break;
case 37:
    console.log("Right key is pressed");
    break;
case 39:
    console.log("left key is pressed");
    break;
}

}