Capture key press (or keydown) event on DIV element
问题 How do you trap the keypress or key down event on a DIV element (using jQuery)? What is required to give the DIV element focus? 回答1: (1) Set the tabindex attribute: <div id="mydiv" tabindex="0" /> (2) Bind to keydown: $('#mydiv').on('keydown', function(event) { //console.log(event.keyCode); switch(event.keyCode){ //....your actions for the keys ..... } }); To set the focus on start: $(function() { $('#mydiv').focus(); }); To remove - if you don't like it - the div focus border, set outline: