DOM

MouseEvent.relatedTarget プロパティ

 編集:2022.10.06 by T.A.

[Edge]⛌?。読取専用。→

MouseEvent の副ターゲット(存在すれば)を表します。

mouseovermouseout イベントで使用されている?。

構文
MouseEvent.relatedTarget

EventTarget オブジェクト、または null です。

mdnより

target と relatedTarget

HTML:

idを表示させます:
<DIV id=IdTest style="border:1px solid #000; padding:10px;">
  DIV要素
  <DIV style="border:1px solid #000; padding:10px;">
    DIV要素
    <DIV style="border:1px solid #000; padding:10px;">
      DIV要素
    </DIV>
  </DIV>
</DIV>
<SPAN id=IdLog></SPAN>

JavaScript:

function Job(eve){ //mousemove イベントの処理:
  D=eve;
  if(eve.relatedTarget){ //eve.relatedTarget が有る?:
    IdLog.innerHTML=eve.target.id +"/"+ eve.relatedTarget.id; //表示。
  }else{	//なし:
    IdLog.innerHTML=eve.target.id +"/eve.relatedTarget=null";
  }
}
IdTest.onmouseover=Job; //イベント割り当て。

mousemoveでは取得できなかった。

mouseovermouseout


テスト