The FocusEvent interface represents focus-related events, including focus, blur, focusin, and focusout.
On this page
FocusEvent
Constructor
-
FocusEvent() -
Creates a
FocusEventevent with the given parameters.
Instance properties
This interface also inherits properties from its parent UIEvent, and indirectly from Event.
-
FocusEvent.relatedTarget -
An
EventTargetrepresenting a secondary target for this event. In some cases (such as when tabbing in or out a page), this property may be set tonullfor security reasons.
Instance methods
This interface has no specific methods. It inherits methods from its parent UIEvent, and indirectly from Event.
Order of events
When focus is shifted from element A to element B, focus events are dispatched in the following order:
blur: sent after element A loses focus.focusout: sent after theblurevent.focus: sent after element B receives focus.focusin: sent after thefocusevent.
Specifications
| Specification |
|---|
| UI Events # interface-focusevent |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
FocusEvent |
26 | 12 | 24 | No | 15 | 7 | 4.4 | 26 | 24 | 14 | 7 | 1.5 |
FocusEvent |
26 | 12 | 24 | 9 | 15 | 7 | 4.4 | 26 | 24 | 14 | 7 | 1.5 |
relatedTarget |
26 | 12 | 24 | 9 | 15 | 7 | 4.4 | 26 | 24 | 14 | 7 | 1.5 |
See also
- The
Eventbase interface
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent