[Javascript] Event propagation

[Javascript] Event propagation

 

DOM 요소에서 이벤트가 발생하는 경우 해당 이벤트는 해당 요소에서만 완전히 발생하지 않습니다. Bubbling Phase에서는 이벤트가 버블업되거나 이벤트가 부모, 조부모, 조부모에게로 이동하는 동안 캡처 페이즈에서는 이벤트가 윈도우에서 이벤트 또는 이벤트를 트리거한 요소로 시작됩니다.

 

이벤트 전파에는 세 가지 단계가 있습니다.

 

1. 캡처 단계 – 이벤트가 창에서 시작되어 대상 요소에 도달할 때까지 모든 요소로 이동합니다.

 

2. Target Phase – 이벤트가 목표 요소에 도달했습니다.

 

3. 버블링 단계 – 이벤트가 대상 요소에서 버블업된 후 창에 도달할 때까지 모든 요소를 위로 올립니다.