[JS] DeepDive(40) 이벤트(2) - 이벤트 전파

이벤트 전파 DOM 트리 상에 존재하는 DOM 요소에서 발생한 이벤트는 DOM 트리를 통해서 전파된다. Apple Banana Orange li요소를 클릭하면 클릭 이벤트가 발생하며 이벤트 전파 과정은 3단계로 구분할 수 있다. ul요소에 이벤트 핸들러를 바인딩한 예제를 통해서 이해해보자. Apple Banana Orange 1. 캡처링 : 클릭이벤트가 발생하여 window에서 시작하여 이벤트 객체가 이벤트 타깃방향으로 전파되는 것 2. 타깃 : 이벤트 객체가 이벤트를 발생시킨 이벤트 타깃에 도달한다. 3. 버블링 : 이벤트 타깃에서 시작해서 window방향으로 전파하는 것 이벤트 핸들러 어트리뷰트/프로퍼티 방식으로 등록한 이벤트 핸들러는 타깃 단계와 버블링 단계의 이벤트만 캡처할 수 있으며 addEve..