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.

See full compatibility

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:

blur: sent after element A loses focus.
focusout: sent after the blur event.
focus: sent after element B receives focus.
focusin: sent after the focus event.

Specifications

Specification
UI Events # interface-focusevent

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`FocusEvent`	Chrome – Full support Chrome 26 (Release date: 2013-03-26) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 24 (Release date: 2013-09-17) footnote Full support	Opera – Full support Opera 15 (Release date: 2013-07-02) footnote Full support	Safari – Full support Safari 7 (Release date: 2013-10-22) footnote Full support	Chrome Android – Full support Chrome Android 26 (Release date: 2013-04-03) footnote Full support	Firefox for Android – Full support Firefox for Android 24 (Release date: 2013-09-17) footnote Full support	Opera Android – Full support Opera Android 14 (Release date: 2013-05-21) footnote Full support	Safari on iOS – Full support Safari on iOS 7 (Release date: 2013-09-18) footnote Full support	Samsung Internet – Full support Samsung Internet 1.5 (Release date: 2013-09-25) footnote Full support	WebView Android – Full support WebView Android 4.4 (Release date: 2013-12-09) footnote Full support	WebView on iOS – Full support WebView on iOS 7 (Release date: 2013-09-18) footnote Full support
`FocusEvent()` constructor	Chrome – Full support Chrome 26 (Release date: 2013-03-26) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 24 (Release date: 2013-09-17) footnote Full support	Opera – Full support Opera 15 (Release date: 2013-07-02) footnote Full support	Safari – Full support Safari 7 (Release date: 2013-10-22) footnote Full support	Chrome Android – Full support Chrome Android 26 (Release date: 2013-04-03) footnote Full support	Firefox for Android – Full support Firefox for Android 24 (Release date: 2013-09-17) footnote Full support	Opera Android – Full support Opera Android 14 (Release date: 2013-05-21) footnote Full support	Safari on iOS – Full support Safari on iOS 7 (Release date: 2013-09-18) footnote Full support	Samsung Internet – Full support Samsung Internet 1.5 (Release date: 2013-09-25) footnote Full support	WebView Android – Full support WebView Android 4.4 (Release date: 2013-12-09) footnote Full support	WebView on iOS – Full support WebView on iOS 7 (Release date: 2013-09-18) footnote Full support
`relatedTarget`	Chrome – Full support Chrome 26 (Release date: 2013-03-26) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 24 (Release date: 2013-09-17) footnote Full support	Opera – Full support Opera 15 (Release date: 2013-07-02) footnote Full support	Safari – Full support Safari 7 (Release date: 2013-10-22) footnote Full support	Chrome Android – Full support Chrome Android 26 (Release date: 2013-04-03) footnote Full support	Firefox for Android – Full support Firefox for Android 24 (Release date: 2013-09-17) footnote Full support	Opera Android – Full support Opera Android 14 (Release date: 2013-05-21) footnote Full support	Safari on iOS – Full support Safari on iOS 7 (Release date: 2013-09-18) footnote Full support	Samsung Internet – Full support Samsung Internet 1.5 (Release date: 2013-09-25) footnote Full support	WebView Android – Full support WebView Android 4.4 (Release date: 2013-12-09) footnote Full support	WebView on iOS – Full support WebView on iOS 7 (Release date: 2013-09-18) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support