DOM

Event.currentTarget プロパティ

 編集:2022.09.18 by T.A.

[Edge]。読取専用。→

Event のルーツ(イベントを組み込んである)要素を EventTarget で示します。

mdn: イベントが DOM を走査する際の、イベントの現在のターゲットを特定します。これは常にイベントハンドラーが装着されている要素を指し、Event.target とは対照的に、イベントが発生した要素やその子孫である可能性のある要素を特定します。

構文
Event.currentTarget
Event イベント オブジェクト(¶EventMouseEvent、…)。

EventTarget で、現在のイベント ハンドラーが装着されているオブジェクトを表します。

HTML:

<DIV onclick="Job(event)">[DIV要素
  <SPAN>[SPAN要素]</SPAN>
  終わり]
</DIV>

JavaScript:

function Job(eve){         //イベントが起きた時の処理:eveにeventオブジェクトが入る。
  let Y=eve.currentTarget; //イベントのルーツ要素を得る。
  alert(Y.tagName);        //タグ名を表示する。
}

表示結果:DIV要素をクリックしても、SPAN要素をクリックしても「DIV」となる。


テスト