onblur event not working with google chrome

Question

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

are you trying to use window.onBlur? Could you provide a code example - it is easier for everyone to help you then. — Kinlan, Apr 09 '10 at 12:07

score 9 · Answer 1 · answered Jun 03 '11 at 18:50

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>

A good solution but doesn't seem to work for `button` elements. — tagawa, May 17 '13 at 03:14

score 1 · Answer 2 · answered Jul 23 '12 at 16:00

1

Just ran into this issue...

onBlur (with a capital "B") doesn't work, but onblur (lowercase "b") does. Go figure! ;-/

answered Jul 23 '12 at 16:00

Jabari

5,359
3
26
32

1

There's nothing in the language that suggests it's anything other than all lowercase. – The Muffin Man Jun 06 '13 at 04:58
3

Well, yes it is! Everything is camelcase except this! – Andrei Zisu Aug 12 '13 at 15:35

score 0 · Answer 3 · edited Jan 27 '12 at 13:35

0

Chrome accepts OnBlur event. what i have experience is... on check or uncheck of checkbox, chrome do not focus on it.

Add attribute

onclick="this.focus()" onblur="yourMethod()"/>

you will see it work fine then.

edited Jan 27 '12 at 13:35

DaveShaw

52,123
16
112
141

answered Jan 27 '12 at 13:26

zubair ali

11

onblur event not working with google chrome

3 Answers3

Linked