이벤트가 발생할 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
'나의 FE피봇이야기 > Javascript' 카테고리의 다른 글
[setProperty]pseudo class 값 변경하기 at tab UI (0) | 2023.12.13 |
---|---|
[getBoundingClientReact]웹 브라우저를 좌표로 실시간 반환 (0) | 2023.12.11 |
[JavaScript]scrollTo를 통해서 움직이는 화면 이동 (0) | 2023.11.30 |
Framework and Library (0) | 2023.11.22 |
[nodelist]for문을 통해서 childern 값 변경하기 (2) | 2023.11.21 |