プロパティ event.target
プロパティ event.target には、
イベントが発生した要素が含まれます。
これは、そのイベントのハンドラが
バインドされた要素ではなく、
例えば、直接クリックが行われた
最も深いタグです。
構文
event.target;
例
div があり、その中に段落があるとします。
イベントをdivにバインドしますが、段落を
クリックした場合、このとき event.target は
イベントが発生した最終的なタグ、
つまりdivではなく段落への参照を
保持します。
tagName を使って
これを確認してみましょう：
<div id="div">
<p>text</p>
</div>
let div = document.querySelector('#div');
div.addEventListener('click', function(event) {
console.log(event.target); // 段落への参照を出力します
});
関連項目
-
イベントがバインドされた要素を
含むプロパティ
event.currentTarget -
押されたキーのコードを取得する
プロパティ
code -
入力された文字を取得する
プロパティ
event.key
