プロパティ event.target

プロパティ event.target には、 イベントが発生した要素が含まれます。 これは、そのイベントのハンドラが バインドされた要素ではなく、 例えば、直接クリックが行われた 最も深いタグです。

構文

javascriptevent.target;

例

div があり、その中に段落があるとします。 イベントをdivにバインドしますが、段落を クリックした場合、このとき event.target は イベントが発生した最終的なタグ、 つまりdivではなく段落への参照を 保持します。 tagName を使って これを確認してみましょう：

html<div id="div">
  <p>text</p>
</div>

javascriptlet div = document.querySelector('#div');

div.addEventListener('click', function(event) {
  console.log(event.target); // 段落への参照を出力します
});

関連項目