javascript - 捕获 DIV 元素上的按键(或按下)事件

Question

如何在 DIV 元素上捕获按键或按下事件(使用 jQuery)？

给予 DIV 元素焦点需要什么？

Answer 1

(1)设置tabindex属性:

<div id="mydiv" tabindex="0" />

(2) 绑定(bind)keydown:

 $('#mydiv').on('keydown', function(event) {
    //console.log(event.keyCode);
    switch(event.keyCode){
       //....your actions for the keys .....
    }
 });

将焦点设置为开始:

$(function() {
   $('#mydiv').focus();
});

要删除 - 如果您不喜欢 - div 焦点边框，请在 CSS 中设置 outline: none。

参见 keycodes 的表格更多 keyCode 可能性。

假设您使用 jQuery 的所有代码。

#