如何在 JavaScript 中检测箭头键按下：为什么 onkeypress 不起作用以及 onkeydown 解决方案

在 JavaScript 中检测箭头键按下：综合指南

检测按键是 Web 开发中的一项常见任务，尤其是在创建交互式控件时。虽然可以使用 onkeypress 事件侦听器准确检测到大多数按键，但箭头键提出了独特的挑战。本文探讨了为什么使用 onkeypress 无法检测到箭头键，并提供了一个在 JavaScript 中捕获箭头键按下的简单解决方案。

箭头键困境

当使用 onkeypress 检测按键时，它有效大多数按键都完美无缺。但是，箭头键（左、上、右、下）不会触发 onkeypress 事件。这是因为浏览器对箭头键的处理方式不同，默认启动滚动行为。

解决方案：使用 onkeydown

要检测箭头键按下，必须使用 onkeydown 事件监听器而不是 onkeypress。只要按下某个键（包括箭头键），就会触发 onkeydown 事件。以下是使用 onkeydown 的代码片段的更新版本：

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

箭头键代码

要识别特定箭头键，您可以使用其相应的键代码：

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

通过将 event.keyCode 与这些值进行比较，您可以轻松确定按下了哪个箭头键。

以上是如何在 JavaScript 中检测箭头键按下：为什么 onkeypress 不起作用以及 onkeydown 解决方案的详细内容。更多信息请关注PHP中文网其他相关文章！