Our volunteers haven't translated this article into suomi yet. Join us and help get the job done!
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 | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | ? | ? | ? | ? | ? | ? |