How to make input autofocus in internet explorer?

by

Here’s a one-liner (well, one line of actual logic) that uses jQuery to make autofocus work in IE. It bails out if the focus is already set–in other words, in any HTML5-capable browser.

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

Here is an updated jsFiddle that works in IE.

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Menu does not align correctly in Safari
  3. What is a clearfix?
  4. How do I style a dropdown with only CSS?
  5. CSS technique for a horizontal line with words in the middle
  6. css ‘pointer-events’ property alternative for IE
  7. Browsers’ default CSS for HTML elements
  8. How to align checkboxes and their labels consistently cross-browsers
  9. Style input type file? [duplicate]
  10. How can I draw vertical text with CSS cross-browser?
  11. Remove white space above and below large text in an inline-block element
  12. Cross-browser custom styling for file upload button [duplicate]
  13. How to make HTML Text unselectable [duplicate]
  14. Flexbox and Internet Explorer 11 (display:flex in ?)
  15. Flexbox alternative for IE9
  16. Setting a width and height on an A tag
  17. Image scaling causes poor quality in firefox/internet explorer but not chrome
  18. Fallback for CSS attributes without unit
  19. Extra space under textarea, differs along browsers
  20. header/footer/nav tags – what happens to these in IE7, IE8 and browsers than don’t support HTML5?
  21. Cross browser method to fit a child div to its parent’s width
  22. Which browsers support data URIs and since which version?
  23. Fix footer to bottom of page
  24. Force flex item to span full row width
  25. Removing body margin in CSS
  26. Google Fonts are not rendering on Google Chrome
  27. How to define a dynamic mixin or function name in SASS?
  28. How do browsers calculate width when child depends on parent, and parent’s depends on child’s
  29. Block Level Elements inside Inline elements [duplicate]
  30. CSS 100% height with absolute positioning top 0 bottom 0

Leave a Comment