event.targetとevent.currentTargetの違い - Qiita

背景 ネストしたHTML要素の親要素に対してイベントハンドラのコールバック関数内の処理を付与した状態で、その子要素をクリックした。 すると、親要素に対して付与したはずのイベントハンドラのコールバック関数内の処理が、子要素に対してのみ実行された。 >>>挙動の参考<<< どうして親要素に付与したイベント処理が、子要素だけに実行されたか？ という疑問が生じたので、調べてみた。 どうして親要素に付与したイベントハンドラのコールバック関数内で処理を行う対象が、子要素になったのか？ これには2つの理由があり、分解して説明すると、、、 Q. 親要素に付与したイベントハンドラのコールバック関数内の処理が実行される理由 → キャプチャリングとバブリングの影響により、子要素をクリックした場合でも、親要素に付与されたイベントハンドラのコールバック関数内の処理が実行された ※ 本記事では、キャプチャリングとバブ