버블링

TIL - 20220902

오늘은 모던 JavaScript 튜토리얼에서 버블링과 캡처링에 대해 공부했다. 작성한 질문은 다음과 같다. 버블링의 원리는 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고 이 요소에 해당하는 부모 요소의 핸들러가 동작한다. 이러한 과정은 최상단의 요소를 만날 때까지 반복되며 요소 각각에 할당된 핸들러 모두가 동작한다. 표준 DOM 이벤트에서 정의한 이벤트 흐름에는 세 가지 단계가 있다. 캡처링 단계: 이벤트가 하위 요소로 전파되는 단계 타깃 단계: 이벤트가 실제 요소로 전달되는 단계 버블링 단계: 이벤트가 상위 요소로 전파되는 단계