The focus event is fired when an element has received focus. The main difference between this event and focusin is that only the latter bubbles.

General info

Specification
DOM L3
Interface
FocusEvent
Bubbles
No
Cancelable
No
Target
Element
Default Action
None.
Note: The interface was Event prior to Firefox 24. (bug 855741)

Properties

Property Type Description
target Read only EventTarget Event target (DOM element)
type Read only DOMString The type of event.
bubbles Read only Boolean Whether the event normally bubbles or not.
cancelable Read only Boolean Whether the event is cancellable or not.
relatedTarget Read only EventTarget (DOM element) null

Event delegation

There are two ways of implementing event delegation for this event : by using the focusin event in browsers that support it (all browsers but Firefox), or by setting the "useCapture" parameter of addEventListener to true:

(Sample code from blur (event))

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? (Yes) ? ? ? ?

Document Tags and Contributors

 Last updated by: JonathanPool,