focusin & focusout events
focusin & focusout events
The focusin
and focusout
events fire just before the element gains or loses focus, and they bubble. By contrast, the focus
and blur
events fire after the focus has shifted, and don't bubble.
Spec | https://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusin |
---|---|
Status | W3C Working Draft |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
57 | 62 | ||||
56 | 61 | TP | 48 | ||
16 | 55 | 60 | 11 | 47 | |
11 | 15 | 54 | 59 | 10.1 | 46 |
10 | 14 | 53 | 58 | 10 | 45 |
9 | 13 | 52 | 57 | 9.1 | 44 |
8 | 12 | 51 | 56 | 9 | 43 |
Show all | |||||
7 | 50 | 55 | 8 | 42 | |
6 | 49 | 54 | 7.1 | 41 | |
5.5 | 48 | 53 | 7 | 40 | |
47 | 52 | 6.1 | 39 | ||
46 | 51 | 6 | 38 | ||
45 | 50 | 5.1 | 37 | ||
44 | 49 | 5 | 36 | ||
43 | 48 | 4 | 35 | ||
42 | 47 | 3.2 | 34 | ||
41 | 46 | 3.1 | 33 | ||
40 | 45 | 32 | |||
39 | 44 | 31 | |||
38 | 43 | 30 | |||
37 | 42 | 29 | |||
36 | 41 | 28 | |||
35 | 40 | 27 | |||
34 | 39 | 26 | |||
33 | 38 | 25 | |||
32 | 37 | 24 | |||
31 | 36 | 23 | |||
30 | 35 | 22 | |||
29 | 34 | 21 | |||
28 | 33 | 20 | |||
27 | 32 | 19 | |||
26 | 31 | 18 | |||
25 | 30 | 17 | |||
24 | 29 | 16 | |||
23 | 28 | 15 | |||
22 | 27 | 12.1 | |||
21 | 26 | 12 | |||
20 | 25 | 11.6 | |||
19 | 24 | 11.5 | |||
18 | 23 | 11.1 | |||
17 | 22 | 11 | |||
16 | 21 | 10.6 | |||
15 | 20 | 10.5 | |||
14 | 19 | 10.0-10.1 | |||
13 | 18 | 9.5-9.6 | |||
12 | 17 | 9 | |||
11 | 16 | ||||
10 | 15 | ||||
9 | 14 | ||||
8 | 13 | ||||
7 | 12 | ||||
6 | 11 | ||||
5 | 10 | ||||
4 | 9 | ||||
3.6 | 8 | ||||
3.5 | 7 | ||||
3 | 6 | ||||
2 | 5 | ||||
4 |
iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|
11 | |||||||||||
10.3 | all | 56 | 10 | 37 | 59 | 54 | 11 | 11.4 | 5 | 1.2 | 7.12 |
10.0-10.2 | 4.4.3-4.4.4 | 7 | 12.1 | 10 | 4 | ||||||
9.3 | 4.4 | 12 | |||||||||
9.0-9.2 | 4.2-4.3 | 11.5 | |||||||||
Show all | |||||||||||
8.1-8.4 | 4.1 | 11.1 | |||||||||
8 | 4 | 11 | |||||||||
7.0-7.1 | 3 | 10 | |||||||||
6.0-6.1 | 2.3 | ||||||||||
5.0-5.1 | 2.2 | ||||||||||
4.2-4.3 | 2.1 | ||||||||||
4.0-4.1 | |||||||||||
3.2 |
Notes
In browsers that don't support these events, one alternative is to use a capture phase event listener for the focus
and/or blur
events.
Resources
- Mozilla Developer Network (MDN) documentation - focusin
- Mozilla Developer Network (MDN) documentation - focusout
- Mozilla Bug 687787 - Add support for DOM3 focusin/focusout
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=focusin-focusout-events