How to bind keyboard events to div elements?

Question

Is there a way to listen to keyboard events on a DIV element?

My code:

​


        
                      

              相关标签:
       
      

Answer 1

Why not place the input inside the div and then simply find $('#input').closest('div') ?

Otherwise, if your example is a pattern of how your inputs relate to your divs then simply $('#input').prev() ?

Answer 2

Add a tabindex and it should work

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

DEMO

Answer 3

you need to add a tabindex to the div.

see this fiddle:

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

Answer 4

You can add a tabindex in that div to catch keyboard events like this

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

Like answered here.

Working Fiddle

Reference