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) | ? | ? | ? | ? |
Related Events
Document Tags and Contributors
Contributors to this page:
JonathanPool,
fscholz,
sideshowbarker,
VictorDu,
erikadoyle,
scunliffe,
cvrebert,
samdroid,
teoli,
kohei.yoshino,
Sheppy,
Jeremie,
ethertank,
louisremi
Last updated by:
JonathanPool,