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 Gecko 24 (Firefox 24 / Thunderbird 24 / SeaMonkey 2.21). (bug 855741)Properties
| Property | Type | Description |
|---|---|---|
target Read only |
EventTarget |
The event target (the topmost target in the DOM tree). |
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
| 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
Tags:
Contributors to this page:
erikadoyle,
scunliffe,
cvrebert,
fscholz,
samdroid,
teoli,
kohei.yoshino,
Sheppy,
Jeremie,
ethertank,
louisremi
Last updated by:
erikadoyle,