버블링
-
이벤트 버블링과 캡쳐링 , 이유와 방지법은 ?Javascript/JS 문법 2023. 3. 21. 15:53
📌 이벤트 버블링 - 아래요소에서 위로 전파되는 현상 거품처럼 위로 전파된다고 생각하면 외우기 편함 예시 ) querySelectorAll('div')를 통해 박스를 가져온 후 forEach로 addEventListener 를 달아줌 const logEvent = (event) => { console.log(event.currentTarget.className); } var divs = document.querySelectorAll('div'); divs.forEach((div) => { div.addEventListener('click', logEvent); }); 문제 : 나는 three 를 눌렀을 뿐인데 two , one 까지 출력되어버림 이유 : 이벤트가 부모 요소까지 전달된다.... 라고는 하는..