이벤트 캡쳐링과 버블링은 이벤트 트리거의 대상인 요소들을 기준으로, 요소들의 이벤트 실행 순서를 정하는 규칙입니다. 아래와 같은 순서대로 이벤트를 확인합니다.

1: 최상위의 부모 요소부터 이벤트의 정확한 대상인 자식까지,

이벤트 리스너에 캡쳐링 과정으로 등록된 함수들을 확인합니다.

2: 이벤트의 정확한 대상의 이벤트 리스너를 확인합니다.

3: 다시 최상위의 부모 요소까지

이벤트 리스너에 버블링 과정으로 등록된 함수들을 확인합니다.

이벤트 리스너에 등록된 함수 내부에서 event.stopPropagation() 을 호출하면 다음 엘리멘트를 확인하는 과정을 종료합니다.