이벤트 버블링과 이벤트 캡처링

이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되고, 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상을 말합니다. 각 태그마다 이벤트가 등록되어 있어야 상위 요소로 이벤트가 전달되고, 만약 이벤트가 특정 요소에만 달려 있다면 이벤트 버블링은 일어나지 않습니다. (자식 ⇒ 부모)

 

이벤트 캡처링으로 부모에서 자식으로 이벤트를 상속할 수 있습니다. 이벤트 캡처링은 이벤트 버블링과 반대로 상위 요소에서 하위 요소로 탐색하며 이벤트를 전파하는 방식입니다. (부모 => 자식)