Event.target vs Event.currentTarget

<h1>親要素にハンドラを登録する場合</h1>
<div id="parent">div
  <input id="child" type="button" value="Click me">
</div>

<script>
  let parent = document.getElementById('parent');
  parent.addEventListener('click', (event) => {
    console.log('target: ' + event.target.tagName); //=> INPUT
    console.log('currentTarget: ' + event.currentTarget.tagName); //=> DIV
  });
</script>

ref. 【JavaScriptの基本】Event.targetとEvent.currentTarget | ワードプレステーマTCD

参考