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

如何在DIV元素上捕获keypress或key down事件（使用jQuery）

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

（1）设置

tabindex

属性：

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

要在开始时设置焦点，请执行以下操作：

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

要删除（如果您不喜欢）焦点边框，请在CSS中设置

outline:none

有关更多的

keyCode

可能性，请参阅的表

假设您使用jQuery，那么所有代码都是这样

---

# tabindexHTML属性指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航（通常使用

Tab

键）。阅读全文以供参考

使用Jquery

$（“#分割”）.keydown（函数（evt）{
evt=evt | | window.event；
console.log（“keydown:+evt.keyCode”）；
});
#划分{
宽度：90px；
高度：30px；
背景：浅灰色；
}
这里是关于普通JS的示例：


document.querySelector（'#myDiv'）.addEventListener（'keyup'，函数（e）{
console.log（e.key）
})
#myDiv{
大纲：无；
}

按我开始打字
div的“focus”是什么意思？jboyd除了在它有tabindex时对它进行tab之外，您还可以使用javascript找到它并对其调用focus方法。@Lalchand。。。你什么时候能接受我的回答吗？：）+1 tabindex是使div“可选”的关键点。JQuery不是必需的，同样的东西也适用于Angular以及（我想）普通javascript事件。浏览器对此的支持是什么？tabindex是一个关键部分，但不要将其设置为“0”以外的任何值。将其设置为0以上的任何内容都会让视障用户的屏幕阅读器陷入混乱（它会跳过页面上的所有内容，直接转到0以上的任何选项卡索引）。tabindex=“0”使其成为“tabbable”。使用tabindex=“0”也可以使用无限元素！杰出的我丢失了tabindex属性，可能是因为DIV不能接收焦点，除非它们有tabindex。谢谢你，伙计！救了我的命！编辑：与React一起工作。我实际上发现，当div上的控件失去焦点时，focusout事件会触发，单击divs滚动条，只需将tabstop添加到div中即可修复，非常感谢
$(function() {
   $('#mydiv').focus();
});