如何在 JavaScript 中检测箭头键按下？

在 JavaScript 中检测箭头键按下

在 JavaScript 中确定何时按下箭头键可能具有挑战性，因为由于默认滚动，浏览器对它们的解释不同行为。

使用 onkeydown 事件监听器

正如问题中提到的，onkeypress 事件不会捕获箭头键按下。相反，您需要使用 onkeydown 事件侦听器。按如下方式修改您的函数：

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown") {
        console.log(event.keyCode);
    }
}

箭头键的键码

与箭头键关联的键码是：

• 向左: 37
• 向上： 38
• 右：39
• 下：40

通过在您的情况下使用这些键码，您可以专门检测箭头键按下：

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown") {
        switch (event.keyCode) {
            case 37:
                // Left key pressed
                break;
            case 38:
                // Up key pressed
                break;
            case 39:
                // Right key pressed
                break;
            case 40:
                // Down key pressed
                break;
        }
    }
}

以上是如何在 JavaScript 中检测箭头键按下？的详细内容。更多信息请关注PHP中文网其他相关文章！