如何将键盘事件绑定到div元素？

Question

有没有办法在DIV元素上监听键盘事件？

我的代码：

​<div id="div" style="height:50px" class="ui-widget-content"></div>
<input id="input">​​​​​​​​​​​​​​

​$('#div,#input').keyup(function(event){
    console.log(event.keyCode);
});​​​​​​

实际上，代码只触发输入，我可以为div处理吗？

Answer 1

您可以在tabindex中添加div来捕捉此类键盘事件

<div id="div" style="height:50px" class="ui-widget-content" tabindex="0"></div>

在这里与answered相似。

Working Fiddle

Reference

Answer 2

添加tabindex，它应该可以正常工作

<div id="div" style="height:50px;" class="ui-widget-content" tabindex="1"></div>

DEMO

Answer 3

你需要在div中添加一个tabindex。

看到这个小提琴：

http://jsfiddle.net/w2Y4d/1/

Answer 4

为什么不将输入放在div中，然后只需找到$（'#input'）。nearest（'div'）？

否则，如果您的示例是您的输入与div相关的模式，那么只需$（'#input'）。prev（）？