TIL - 20220902

 오늘은 모던 JavaScript 튜토리얼에서 버블링과 캡처링에 대해 공부했다. 작성한 질문은 다음과 같다.

 버블링의 원리는 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고 이 요소에 해당하는 부모 요소의 핸들러가 동작한다. 이러한 과정은 최상단의 요소를 만날 때까지 반복되며 요소 각각에 할당된 핸들러 모두가 동작한다.

 

 표준 DOM 이벤트에서 정의한 이벤트 흐름에는 세 가지 단계가 있다.

1. 캡처링 단계: 이벤트가 하위 요소로 전파되는 단계
2. 타깃 단계: 이벤트가 실제 요소로 전달되는 단계
3. 버블링 단계: 이벤트가 상위 요소로 전파되는 단계