備忘録的プログラミングリファレンス

relatedTargetプロパティ

MouseEvent.relatedTarget
FocusEvent.relatedTarget

 relatedTarget プロパティは、発生したイベントの直前に発生したイベントのエレメントを返すプロパティです。MouseEvent または FocusEvent のプロパティです。

 直前に発生したイベントは、発生したイベントの対です。

relatedTarget プロパティ
document.getElementById('example').onmouseover = function(event){
		concole.log( event.relatedTarget );
}
詳しくは Example を参照してください

 発生したイベントと直前に発生したイベントの関係は以下です。relatedTargetは、直前に発生したイベントのエレメントを返します。

MouseEvent

 以下はMouseEventの relatedTarget プロパティの対象になるイベントです。

イベント名relatedTargetの対象になるイベント
mouseentermouseleave
mouseleavemouseenter
mouseoutmouseover
mouseovermouseout
dragenterdragleave
dragleavedragenter

FocusEvent

 以下は FocusEvent の relatedTarget プロパティの対象になるイベントです。

イベント名relatedTargetの対象になるイベント
blurfocus
focusblur
focusinfocusout
focusoutfocusin

構文(Syntax)

返り値はエレメントのハンドラーで、読み取り専用です。

Element = event.relatedTarget;

返り値(Return Values)

Type摘要
ElementElementのハンドラー

Example

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。