relatedTarget プロパティ
MouseEvent.relatedTarget
FocusEvent.relatedTarget
relatedTarget プロパティは、発生したイベントの直前に発生したイベントのエレメントを返すプロパティです。MouseEvent または FocusEvent のプロパティです。
直前に発生したイベントは、発生したイベントの対であることが多いです。
document.getElementById('example').onmouseover = function(event){
concole.log( event.relatedTarget );
}
詳しくは Example を参照してください
発生したイベントと直前に発生したイベントの関係は以下です。relatedTargetは、直前に発生したイベントのエレメントを返します。
MouseEvent
以下はMouseEventの relatedTarget プロパティの対象になるイベントです。
| イベント名 | relatedTargetの対象になるイベント |
|---|---|
| mouseenter | mouseleave |
| mouseleave | mouseenter |
| mouseout | mouseover |
| mouseover | mouseout |
| dragenter | dragleave |
| dragleave | dragenter |
FocusEvent
以下は FocusEvent の relatedTarget プロパティの対象になるイベントです。
| イベント名 | relatedTargetの対象になるイベント |
|---|---|
| blur | focus |
| focus | blur |
| focusin | focusout |
| focusout | focusin |
以上は対になるイベントです。必ずしもではありません。参考程度にしてください。
ページ内 Index
構文(Syntax)
返り値はエレメントのハンドラーで、読み取り専用です。
Element = event.relatedTarget;
返り値(Return Values)
| Type | 摘要 |
|---|---|
| Element | Elementのハンドラー |