Как связать события клавиатуры с элементами 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, а затем просто найти $ ('# вход ') .closest (' div ')?

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

Answer 4

вам нужно добавить tabindex в div.

увидеть эту скрипку:

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