relatedTargetプロパティ
MouseEvent.relatedTarget FocusEvent.relatedTarget
relatedTarget プロパティは、発生したイベントの直前に発生したイベントのエレメントを返すプロパティです。MouseEvent または FocusEvent のプロパティです。
直前に発生したイベントは、発生したイベントの対です。document.getElementById('example').onmouseover = function(event){ concole.log( event.relatedTarget ); }
発生したイベントと直前に発生したイベントの関係は以下です。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 |
構文(Syntax)
返り値はエレメントのハンドラーで、読み取り専用です。
Element = event.relatedTarget;
返り値(Return Values)
Type | 摘要 |
---|---|
Element | Elementのハンドラー |
Example
関連(Related)
HTML、CSS、DOMのマウス、キーボード、タッチデバイス、カーソルに関する用途一覧です。
HTML
CSS
DOM
- 全般
-
- インターフェイス
- UiEvent
- イベント
- which
- プロパティ
- altKey、 ctrlKey、 metaKey、 relatedTarget、 shiftKey
- メソッド
- getModifierState()
- マウス
-
- インターフェイス
- DragEvent、 MouseEvent
- イベント
- click、 contextmenu、 dblclick、 dragend、 dragenter、 dragleave、 dragover、 dragstart、 drop、 mousedown、 mouseenter、 mouseleave、 mousemove、 mouseout、 mouseover、 mouseup、 show、 onwheel
- プロパティ
- button、 buttons、 clientX、 clientY、 code、 deltaMode、 deltaX、 deltaY、 deltaZ、 pageX、 pageY、 screenX、 screenY
- メソッド
- キーボード
- タッチデバイス
-
- インターフェイス
- TouchEvent
- イベント
- touchcancel、 touchend、 touchmove、 touchstart、 transitionend
- プロパティ
- メソッド