FocusEvent.relatedTarget
The FocusEvent.relatedTarget read-only property is the secondary target, depending on the type of event:
| Event name | target | relatedTarget |
|---|---|---|
blur | The EventTarget losing focus | The EventTarget receiving focus (if any). |
focus | The EventTarget receiving focus | The EventTarget losing focus (if any) |
focusin | The EventTarget receiving focus | The EventTarget losing focus (if any) |
focusout | The EventTarget losing focus | The EventTarget receiving focus (if any) |
Note that many elements can't have focus, which is a common reason for relatedTarget to be null. relatedTarget may also be set to null for security reasons, like when tabbing in or out of a page.
MouseEvent.relatedTarget is a similar property for mouse events.
Syntax
secondTarget = focusEvent.relatedTarget
Specifications
| Specification |
|---|
| UI Events # dom-focusevent-relatedtarget |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
relatedTarget |
26 |
12 |
24 |
9 |
15 |
7 |
≤37 |
26 |
24 |
14 |
7 |
1.5 |
See also
- The
FocusEventinterface it belongs to.
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent/relatedTarget