이벤트 버블링, 캡쳐링, 위임 대하어

 

 

이벤트 버블링

자식 요소에서 부모 요소로 이벤트가 전파되는 것을 이벤트 버블링이라고 합니다.

기본적으로 이벤트 버블링이 일어나고, 이를 막으려면 이벤트 객체에서 stopPropagation 메소드로 전파를 막을 수 있습니다.

 

 

이벤트 캡쳐링

부모 요소에서 자식 요소로 이벤트가 전파되는 것을 이벤트 캡쳐링이라고 합니다.

캡쳐링 단계에서 이벤트 핸들러를 동작시키려면, addEventListener 에 세번째 프로퍼티에 true 또는 { capture: true } 를 전달하면 됩니다.

 

이벤트 위임

자식 요소 각각에 이벤트 핸들러를 하나씩 등록할 필요 없이 부모 요소에서 한 번에 자식 요소들에 발생한 이벤트를 관리하는 방식을 이벤트 위임이라고 합니다.