メモログ

Event target and currentTarget

Event オブジェクトにはcurrentTargettargetの 2 つのプロパティがあるけど、いつもどっちがどっちか混同する。

currentTarget の方は addEventListener でリッスンしている要素が入る。たとえば以下のような HTML と JavaScript があるとして、

<body>
  <a href="./foobar" id="foobar">Link</a>
</body>
document.body.addEventListener("click", (ev) => {
  console.log(ev.currentTarget, ev.target);
});

currentTarget には addEventListener をしている body 要素が入ってくる。target には実際にクリックイベントが発生した a 要素が入ってくる。

私について

Yutaka Yamaguchi
東京在住。TypeScript, Node.js, Reactなどフロンエンドが主力。Perlも書く。SwiftやRubyも過去には使ってた。過去のTOEIC 860くらい。