How can I give keyboard focus to a DIV and attach keyboard event handlers to it?

by

Sorted – I added tabindex attribute to the target DIV, which causes it to pick up keyboard events, for example

<div id="inner" tabindex="0">
    this div can now have focus and receive keyboard events
</div>

Information gleaned from http://www.w3.org/WAI/GL/WCAG20/WD-WCAG20-TECHS/SCR29.html

More Related Contents:

  1. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  2. How to know if .keyup() is a character key (jQuery)
  3. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  4. When a ‘blur’ event occurs, how can I find out which element focus went *to*?
  5. “this” keyword in event methods when using JavaScript prototype object
  6. JavaScript / jQuery: Test if window has focus
  7. How to stop event bubbling on checkbox click
  8. ‘this’ does not work properly in another event. I’m clueless as to why [duplicate]
  9. Pass mouse events through absolutely-positioned element
  10. How to pass event as argument to an inline event handler in JavaScript?
  11. jQuery equivalent of JavaScript’s addEventListener method
  12. Detecting when Iframe content has loaded (Cross browser)
  13. jQuery live scroll event on mobile (work around)
  14. Socket.io Client: respond to all events with one handler?
  15. how to move a div with arrow keys
  16. keypress and keyup – why is the keyCode different?
  17. Detect if button click real user or triggered by a script
  18. jQuery Change event on an element – any way to retain previous value?
  19. prevent mobile default keyboard when focusing an from showing
  20. jQuery Mobile : What is the order of page events triggering?
  21. Handling “onclick” event with pure JavaScript
  22. Manually triggering the iPhone/iPad/iPod keyboard from JavaScript
  23. Create JavaScript custom event
  24. Event fired when clearing text input on IE10 with clear icon
  25. How to unbind a specific event handler
  26. Event propagation in Javascript
  27. How to disable mouseout events triggered by child elements?
  28. Keylistener in Javascript
  29. Can javascript tell the difference between left and right shift key?
  30. Prototype equivalent for jQuery live function

Leave a Comment