event.target과 currentTarget의 차이

<div>
  <button onClick={onClick}>
    <p>나를 클릭해줘!!</p>
  </button>
</div>

function onClick(e: any) {
  console.log(e.target)
  console.log(e.currentTarget);
} 

• p태그를 클릭했을 때 차이
  • e.target은 클릭의 대상인 p태그를 출력한다.
  • e.currentTarget은 이벤트 핸들러 대상인 button을 출력한다.

event.target은 이벤트가 발생된 태그를 반환하고, event.currentTarget은 이벤트가 발생된 곳의 핸들러 태그를 추적하여 반환한다.

event.target.matches('태그이름')

• 이벤트가 발생된 태그가 '태그이름'과 일치하는지 여부를 boolean으로 반환
• 태그를 받아와 if문에 넣어 일치 여부 확인할 때 쓰면 좋을 듯?