본문 바로가기

나의 FE피봇이야기/Javascript

[addEventListener]클릭 대상의 부모를 클릭해도 작동한다.

이벤트가 발생할 contain or wrap에 addEventListner을 설정해도 contain 안에 있는 모든 이벤트는 작동한다.

다만 클릭을 할때마다 target정보를 가져오기 때문에  무조건 e.target.closest("(target tag")와 조건문을 함께 작성할 것.


예시 

tabContainer.addEventListner("click", (e) =>{
  const clickedTab = e.target.closest("a");
  if (!clickedTab) return // => 대상이 아니면 그냥 function  종료



tabContainer.addEventListner("click", (e) =>{
  const clickedTab = e.target.closest("a");
  if (!clickedTab) return // => 대상이 아니면 그냥 function  종료


참조
https://www.youtube.com/watch?v=fI9VM5zzpu8