event delegation, 버블링, 캡쳐링

이벤트 위임 

이벤트 흐름을 관리 해준다

 

 

 

버블링 

아래 => 위

클릭시 하위요소 => 상위 요소 차례대로 발생

​

 

캡쳐링 

위 => 아래

클릭시 상위요소 => 하위 요소 차례대로 발생

​

// 대부분 버블링 사용

 

 

이벤트 전파 중지
event.stopPropagation(); 

현재껀 실행되고 다음껄 막음

 

 

 

이벤트 리스너 옵션

기본 => 버블링

true => 캡처링

 

 

 

참고자료
https://joshua1988.github.io/web-development/javascript/event-propagation-delegation/

 

 

 

​

 

​

​

​

​

​

​

​

​

​

​​