你如何在 DIV 元素上捕获按键或按键事件（使用 jQuery）？
需要什么才能使 DIV 元素成为焦点？
捕获 DIV 元素上的按键（或按键）事件
IT技术
javascript
jquery
html
scripting
keypress
2021-02-05 16:37:38
3个回答
(1) 设置tabindex属性：
<div id="mydiv" tabindex="0" />
(2) 绑定到keydown：
$('#mydiv').on('keydown', function(event) {
//console.log(event.keyCode);
switch(event.keyCode){
//....your actions for the keys .....
}
});
将焦点设置为开始：
$(function() {
$('#mydiv').focus();
});
要删除 - 如果您不喜欢它 -在 CSS 中div设置的焦点边框outline: none。
有关更多可能性，请参阅键码表keyCode。
所有代码都假设您使用 jQuery。
#这里是纯 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>