Set keyboard focus to a

by

you can make a div focusable if you add a tabindex attribute.

see: http://snook.ca/archives/accessibility_and_usability/elements_focusable_with_tabindex

The tabindex value can allow for some interesting behaviour.

  • If given a value of “-1”, the element can’t be tabbed to but focus can
    be given to the element programmatically (using element.focus()).
  • If given a value of 0, the element can be focused via the keyboard and
    falls into the tabbing flow of the document.
  • Values greater than 0 create a priority level with 1 being the most important.

UPDATE: added a simple demo at http://jsfiddle.net/roberkules/sXj9m/

More Related Contents:

  1. How to hide css and js version details from weppalyzer in PHP
  2. How do I pass a URL as a parameter? [closed]
  3. .index() only for one instance of class [closed]
  4. Dynamic page load can’t load Java with page
  5. How to scroll an HTML page to a given anchor
  6. Why I have to put all the script to index.html in jquery mobile
  7. Replacing css file on the fly (and apply the new style to the page)
  8. How to reload current page without losing any form data?
  9. How to include multiple js files using jQuery $.getScript() method
  10. Prevent Page Load on Jquery Form Submit with None Display Button
  11. Benefits of loading JS at the bottom as opposed to the top of the document
  12. Call javascript function after script is loaded
  13. Dynamically loading css stylesheet doesn’t work on IE
  14. How can I detect whether an iframe is loaded?
  15. jquery submit form and then show results in an existing div
  16. Can I use javascript to dynamically change a video’s source?
  17. jQuery – How to select by attribute
  18. time delayed redirect?
  19. How to change active class while click to another link in bootstrap use jquery?
  20. Embed HTML5 YouTube video without iframe?
  21. how to resolve iframe cross domain issue [duplicate]
  22. Waiting for dynamically loaded script
  23. How do I refresh a DIV content?
  24. Get content of span
  25. Center an Image vertically and horizontally using CSS
  26. Change background on button click, using CSS only? [duplicate]
  27. Jquery/Javascript Opacity animation with scroll
  28. Set value to currency in
  29. How to replace the entire html webpage with ajax response?
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment