이벤트 버블링

이벤트 버블링은 DOM 요소에서 이벤트가 발생할 때, 자식 요소에서 발생한 이벤트가 부모 요소로 전파되는 현상을 의미
그래서 의도하지 않은 동작이 발생할 수 있는데, 이러한 이벤트 버블링을 방지하기 위해서 이벤트 객체의 stopPropagation()메소드를 이용하면 이벤트 버블링을 막을 수 있습니다.

이벤트 캡처링

이벤트 버블링은 기본적으로 child → parent로 일어나는데 반대로 구현하는 법은 무엇인가요?

이벤트 버블링과 반대로 이벤트가 부모 요소에서 자식 요소로 전파되는 것은 이벤트 캡쳐링이라고 합니다.
이벤트 캡쳐링을 구현하려면, addEventLister 메소드의 세 번째 매개변수로 true나 { capture: true } 를 설정해주면 됩니다.