이벤트 캡쳐링1 [4주차 위클리페이퍼] 이벤트 버블링, 캡쳐링, 위임 이벤트 캡쳐링 이벤트 캡쳐링은 이벤트 호출 과정에서 가장 먼저 발생하는 과정으로, 이벤트가 발생했을 때 window 객체에서부터 이벤트 대상인 target까지 전파되는 과정이다.const colorBtn = document.querySelector(".btn");const changeColorHandler = () => { colorBtn.style.backgroundColor = "blue";}colorBtn.addEventListener("click", changeColorHandler); 위 코드를 실행하면 버튼의 배경색이 파란색으로 바뀌는데, 클릭이벤트가 실행되면 클릭과 동시에 실행되는 것처럼 보이지만 사실 캡쳐링 과정을 선행하여 target인 colorBtn 요소까지 도달한 후 실행이 된 것이.. 2024. 7. 26. 이전 1 다음