JavaScript 이벤트 전파

유지후·2022년 8월 23일

JavaScript

목록 보기
2/4

이벤트 전파 : 브라우저에서 요소에 대해 이벤트가 발생하면 부모요소나 자식요소에 전파가 되는 현상.

Reference : https://freestrokes.tistory.com/134

이벤트 캡쳐링 (Capturing) : 최상위 요소부터 이벤트가 발생한 자식 요소에게 순차적으로 이벤트 전파되는 방식

capturing을 확인하기 위해서는 addEventListener()의 capture 옵션을 true로 설정해주면 됨.

이벤트 버블링 (Bubbling) : 이벤트가 발생한 요소부터 부모에게 순차적으로 이벤트 전파되는 방식.

이벤트 타켓: 브라우저에서 이벤트가 실제로 발생한 요소를 target 요소 라고 함.(event.target) 이용하여 접근 가능함.

이벤트 중단
event.preventDefault() 이벤트의 기본동작을 중단
event.stopPropagation() 이벤트 전파를 중단(버블링,캡쳐링)
event.stopImmediatePropagation() 이벤트 전파를 중단시키고, 해당 요소에 걸린 이벤트를 제외한 다른 이벤트들을 중단

0개의 댓글