event.target と event.currentTarget

<ul>
  <li>いろは</li>
  <li>にほへ</li>
  <li>とちり</li>
</ul>

const ul = document.querySelector('ul');
ul.addEventListener('click', (e) => {
  console.log(`TARGET: ${e.target.tagName}`);
  console.log(`CURRENTTARGET: ${e.currentTarget.tagName}`);

  if (e.target.tagName === "UL") {
    console.log("UL要素が選択されました");
  }
});

target　　　　イベントが発生している要素
currentTarget　イベントハンドラが割り当てられている要素