如何将键盘事件绑定到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>

喜欢回答这里.

工作小提琴

参考

Answer 2

添加一个tabindex它应该可以工作

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

演示