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

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コード例が実行されます。