FocusEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

Event UIEvent FocusEvent

Constructor

Image for: Constructor
FocusEvent()

Creates a FocusEvent event with the given parameters.

Instance properties

Image for: 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

Image for: Instance methods

This interface has no specific methods. It inherits methods from its parent UIEvent, and indirectly from Event.

Order of events

Image for: 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

Image for: Specifications
Specification
UI Events
# interface-focusevent

Browser compatibility

Image for: Browser compatibility

See also

Image for: See also
  • The Event base interface