W3cubDocs

/Web APIs

FocusEvent

The FocusEvent interface represents focus-related events, including focus, blur, focusin, and focusout.

Event UIEvent FocusEvent

Constructor

FocusEvent()

Creates a FocusEvent event with the given parameters.

Instance properties

This interface also inherits properties from its parent UIEvent, and indirectly from Event.

FocusEvent.relatedTarget

An EventTarget representing a secondary target for this event. In some cases (such as when tabbing in or out a page), this property may be set to null for 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:

  1. blur: sent after element A loses focus.
  2. focusout: sent after the blur event.
  3. focus: sent after element B receives focus.
  4. focusin: sent after the focus event.

Specifications

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 Event base 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