한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작합니다. 가장 최상단의 조상 요소를 만날 떄까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작합니다.해당 코드를 실행 시켜보면 다음과 같은 순서로 동작한다
이벤트 캡처링이란? 이벤트 버블링과의 반대되는 성질을 가지고 있으며 상위요소에서 하위요소로 이벤트가 전달되는 특성입니다.
이벤트 위임은 실제 바닐라 JS로 웹 앱을 구현할 때 자주 사용하는 코딩 패턴입니다.하위 요소에 각각 이벤트를 붙이지 않고 상위 요소에서 하위 요소의 이벤트를 제어하는 방식입니다.위와 같은 동작이 가능한 이유는 하위요소에서 이벤트가 발생시 버블링으로 상위요소에서도 해당