捕获 DIV 元素上的按键（或键下）事件

javascript jquery html keypress scripting

2022-08-30 02:01:08

如何在 DIV 元素上捕获按键或按键关闭事件（使用 jQuery）？

为 DIV 元素提供焦点需要什么？

答案 1

（1）设置属性：tabindex

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

（2）绑定到键控：

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

要将焦点设置为开始：

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

删除 - 如果你不喜欢它 - 焦点边框，在CSS中设置。divoutline: none

有关更多可能性，请参阅键码表。keyCode

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

#

答案 2

下面是普通 JS 上的示例：

document.querySelector('#myDiv').addEventListener('keyup', function (e) {
  console.log(e.key)
})

#myDiv {
  outline: none;
}

<div 
  id="myDiv"
  tabindex="0"
>
  Press me and start typing
</div>