I like stuff.

If you want to use HTML5′s autofocus attribute and make it work in all browsers, here’s an easy way to do it in one line of jQuery. This code will bail out and do nothing if the browser supports HTML5 autofocus.

$(function() {
  $('[autofocus]:not(:focus)').eq(0).focus();
}

How it Works

1. [autofocus]: Find all attributes with the autofocus attribute…
2. :not(:focus): …but not the ones that are already focused. This results in a list of length 0 in any HTML5-capable browser, so nothing more will happen.
3. .eq(0): Get the first one since it doesn’t make sense to focus multiple elements.
4. .focus(): Set focus to it.

This entry was posted on March 29, 2012 at 5:51 pm and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.