이벤트 버블링과 캡쳐링(Event Bubbling & Event Capturing)

이벤트 버블링(Event Bubbling)이란?

  한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다.

가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작하는데 이것을 이벤트 버블링이라고 한다.

 

버블링의 순서

이벤트발생요소 -> 이벤트발생부모요소 -> 이벤트발생조상요소

 

이벤트 캡쳐링(Event Capturing)이란?

  캡쳐링은 버블링의 반대 개념으로,

한 요소에 이벤트가 발생하면, 최상단의 요소부터 처음 발생한 요소까지 핸들러가 동작하는 것을 말한다.

 

캡쳐링의 순서

이벤트발생조상요소 -> 이벤트발생부모요소 -> 이벤트발생요소