반응형 버블링2 [js] 버블링과 캡처링 버블링 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작합니다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작합니다. 캡처링 표준 DOM 이벤트에서 정의한 이벤트 흐름엔 3가지 단계가 있습니다. 1. 캡처링 단계 – 이벤트가 하위 요소로 전파되는 단계 2. 타깃 단계 – 이벤트가 실제 타깃 요소에 전달되는 단계 3. 버블링 단계 – 이벤트가 상위 요소로 전파되는 단계 event.stopPropagation() : 버블링 및 캡처링 중단할 때 사용하는 함수 Ex) 클릭해 주세요. 2023. 10. 28. [JS] stopPropagation 이벤트 객체의 메서드인 Event.stopPropagation() 를 이해하기 위해 일단 이벤트 버블링에 대해 알아보자. 버블링이란? 버블링이란 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하는 것을 말하며, 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. event.stopPropagation() 은 현재 이벤트 이후의 전파를 막아 위쪽으로 일어나는 이벤트 버블링을 막아 준다. 2023. 10. 23. 이전 1 다음 반응형