如何在简单的 div 上捕获关键事件？

Question

如果我们想在文本框或内容可编辑的 div 上捕获按键事件，我们可以使用带有“keypress”、“keyup”事件的“addEventListener”方法......但是......

如果我想在没有“contenteditable”属性的简单 div 元素上捕获“keyup”事件？我该怎么做？

Answer 1

你可以使用tabindex 属性，所以它的 div 是可聚焦的。这是一个小提琴：

https://jsfiddle.net/87p6r7w6/1/

用户应该首先关注 div，或者你可以使用 .focus() 来完成它