이벤트 버블링, 캡쳐링, 위임

LeeKyungwon·2026년 5월 22일

공부 정리

목록 보기
21/34

이벤트 버블링

자식 요소에서 부모 요소로 이벤트가 전파되는 것을 이벤트 버블링이라고 한다.
기본적으로 이벤트 버블링이 일어나고 이를 막으려면 이벤트 객체에서 stopPropagation 메서드로 전파를 막을 수 있다.

이벤트 캡쳐링

부모 요소에서 자식 요소로 이벤트가 전파되는 것을 이벤트 캡쳐링이라고 한다.
캡쳐링 단계에서 이벤트 핸들러를 동작시키려면 addEventListener의 세번째 프로퍼티에 true 또는 {capture : true}를 전달하면 된다.

이벤트 위임

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

0개의 댓글