In web browsers, what’s the difference between onblur and onfocusout?

by

As you know, the onBlur event fires for an element if that element had the focus, but loses it.

The onFocusOut event fires in this case, but also triggers if any child element loses focus.

For example, you have a div with special formatting because the human is currently editing a field in that area. You’d could use onFocusOut to turn that formatting off when focus leaves that div.

Up until very recently, onFocusOut was only used by IE. If that has changed, it has been very recent. Test in FF, Chrome, etc.

More Related Contents:

  1. Firing event on DOM attribute change
  2. .prop() vs .attr()
  3. How to make JavaScript execute after page load?
  4. Getting the ID of the element that fired an event
  5. Object.watch() for all browsers?
  6. window.onbeforeunload and window.onunload is not working in Firefox, Safari, Opera?
  7. Event when window.location.href changes
  8. Why is the DOMSubtreeModified event deprecated in DOM level 3?
  9. Difference between “change” and “input” event for an `input` element
  10. Why are duplicate ID values not allowed in HTML?
  11. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  12. jQuery DOM changes not appearing in view source
  13. Intercept all ajax calls?
  14. How to detect when an iframe has already been loaded
  15. jQuery: how to change tag name?
  16. How can I remove all CSS classes using jQuery/JavaScript?
  17. Count immediate child div elements using jQuery
  18. event.toElement in IE8 and Firefox?
  19. Javascript change event on input element fires on only losing focus
  20. Only fire an event once?
  21. Convert String to XML Document in JavaScript
  22. JavaScript moving element in the DOM
  23. JQuery html() vs. innerHTML
  24. JavaScript/jQuery event listener on image load IE issues
  25. window.getSelection return html [duplicate]
  26. Attaching events after DOM manipulation using JQuery ajax
  27. Unloading/Removing content from an iFrame
  28. jQuery difference between :eq() and :nth-child()
  29. How do you force your Javascript event to run first, regardless of the order in which the events were added?
  30. Removing element with jQuery?

Leave a Comment