본문 바로가기
javaScript

버블링(bubbling) 단계

by mooyou 2023. 2. 28.
728x90
300x250

 

버블링 단계

버블링 단계는 캡쳐링 단계의 역순으로 돌아가는 단계 이다. 이 흐름을 버블링(bubbling) 단계라고하고 이때 만난 노드에 버블 단계에 이벤트가 등록 되어있다면 리스너가 실행된다.

eventPhase 속성값이 3이면 버블링 단계를 나타낸다.

 

이벤트 등록 방법

$대상.on(이벤트이름, 리스너);

버블링 단계에서 이벤트 등록 방법은 타겟방법과 동일하다.

 

타겟 단계인지 버블링 단계인지 구분할 때에는 Event 객체의 eventPhase 속성을 사용해서 2이면 타겟, 3이면 버블링 단계이다.

728x90
반응형

'javaScript' 카테고리의 다른 글

일반 이벤트 등록 on  (0) 2023.03.03
Event 객체  (0) 2023.03.01
타겟(Target) 단계  (0) 2023.02.27
캡처(Capture) 단계  (0) 2023.02.26
이벤트 단계 : 캡쳐링, 타겟, 버블링 이벤트 흐름 확인 방법  (0) 2023.02.25

댓글