capturing key press event in DIV

Question

i need key press or key down event for DIV, when the DIV has the focus? any ideas

Answer 1

give the div tag th tabindex property like

<div id="mydiv" tabindex="1" />

now you can do the trick, and bind the keydown - event

 $('#mydiv').bind('keydown', function(event) {
  //console.log(event.keyCode);
  switch(event.keyCode){
....your actions for the keys .....

well, setting the focus on start, if you want to ... is like

$(function() {$('#mydiv').focus(); }

let me think, .. what else do you need to know...

css ... if you don't like the border, the div becomes on focus set the outline: none

a table of keycodes can be found here

for all of that .. assuming you're using jquery :-)