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⁩.

• Learn more
• See full compatibility
• Report feedback

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

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

See also

• The Event base interface