이벤트 전파란?
HTML 문서에서 이벤트가 발생한 요소에서 상위 요소로 이벤트가 전달되는 동작을 말한다.
HTML 요소는 중첩된 구조를 가지고 있고, 이벤트는 하위 요소에서 상위 요소로 전파되는데, 두 가지(이벤트 캡처링, 이벤트 버블링) 현상이 있다.
이벤트 캡처링(Event capturing)
이벤트가 상위 요소에서 하위 요소로 전파되는 이벤트
이벤트 버블링(Event Bubbling)
이벤트가 하위 요소에서 상위 요소로 전파되는 이벤트
stopPropagation
기본적으로 대부분의 이벤트는 버블링이며, 이벤트가 발생하면 해당 요소부터 상위 요소까지 차례대로 이벤트가 전파되어 이벤트 처리를 편리하고 통일된 방식으로 관리할 수 있지만 이벤트 전파를 제어해야할 필요가 있을땐 stopPropagation 메서드를 사용하여 이벤트 전파를 중지할 수 있다.
