Menu
I am trying to use onblur event to close a window. Its working fine in IE, Firefox and safari, but the event does not trigger in chrome. is that a bug in chrome or a mistake from me
827
asked Mar 09 '10 08:03
In browsers, pressing the tab key when a control has focus will move it to the next element in the tab order, causing the current element to lose focus and dispatch a blur event.
The blur event fires when an element has lost focus. The event does not bubble, but the related focusout event that follows does bubble. The opposite of blur is the focus event, which fires when the element has received focus. The blur event is not cancelable.
The onblur attribute fires the moment that the element loses focus. Onblur is most often used with form validation code (e.g. when the user leaves a form field). Tip: The onblur attribute is the opposite of the onfocus attribute.
The blur event fires when focus is lost. By default, a div element cannot have the focus in the first place so it can't be lost.
I realize this was over a year ago, but it showed up for me in Google while trying to solve this same issue.
It seems Chrome does not consider some elements, like body and anchors, to be "focusable". According to the following page, you can make any element focusable (thereby activating the blur event) by setting the tabindex attribute: http://www.quirksmode.org/dom/events/blurfocus.html
Like so:
<a href="#" tabindex="0" onblur="alert('blur')"> blur me </a>
Just ran into this issue...
onBlur (with a capital "B") doesn't work, but onblur (lowercase "b") does. Go figure! ;-/
1
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
