Как связать события клавиатуры с элементами div?

Есть ли способ прослушать события клавиатуры на элементе 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?

Ответы

Ответ 1

Вы можете добавить tabindex в div, чтобы поймать такие события клавиатуры, как

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

Как ответил здесь.

Рабочая скрипта

Ссылка

Ответ 2

Добавьте tabindex и он должен работать

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

DEMO

Ответ 4

Почему бы не поместить ввод внутри div, а затем просто найти $('# input'). closeest ('div')?

В противном случае, если ваш пример представляет собой образец того, как ваши входы относятся к вашим div, тогда просто $('# input'). prev()?