javascript - jQuery 按键箭头键

Question

我试图在 jQuery 中捕获箭头键按下，但没有触发任何事件。

$(function(){
    $('html').keypress(function(e){
        console.log(e);
    });
});

这会为字母数字键生成事件，但删除、箭头键等不会生成任何事件。

我做错了什么没有捕捉到那些？

Answer 1

您应该使用 .keydown() 因为 .keypress() 会忽略“Arrows”，要捕获键类型请使用 e.which

按结果屏幕进行聚焦(在 fiddle 屏幕的右下角)，然后按箭头键查看效果。

注意事项:

1. .keypress() 永远不会被 Shift、Esc 和 Delete 触发，但 .keydown() 会。
2. 实际上 .keypress() 在一些浏览器中会被箭头键触发，但它不是跨浏览器的，所以使用 .keydown() 更可靠。<

更多有用信息

1. 您可以使用事件对象的 .which 或 .keyCode - 有些浏览器不支持其中之一，但是在使用 jQuery 时可以安全地使用两者，因为jQuery 将事物标准化。 (我更喜欢 .which 从来没有遇到过问题)。
2. 检测 ctrl |替代 |转变 | META 使用实际捕获的键按下你应该检查事件对象的以下属性 - 如果它们被按下，它们将被设置为 TRUE:
   • event.ctrlKey - ctrl
   • event.altKey - alt
   • event.shiftKey - shift
   • event.metaKey - META ( Command ⌘ OR Windows Key )

3. 最后 - 这里有一些有用的键码(完整列表 - keycode-cheatsheet):

   • 输入:13
   • 向上:38
   • 向下:40
   • 右:39
   • 左:37
   • Esc: 27
   • 空格键:32
   • Ctrl: 17
   • Alt: 18
   • 类次:16