위에서 살펴본 onMouseOver 같은 이벤트는 버블링 단계의 이벤트에서 실행된다. 이미 알고 있겠지만, 버블링이나 타깃 단계에 앞서 캡처 단계가 있다. 첫 번째는 캡처 단계(capture phase)로 window에서 대상 요소까지다. 다음이 대상 요소에 도착한 대상 단계(target phase)다. 그 후 비로소 버블링 단계(bubbling phase)가 되고, 그림 6-2처럼 이벤트가 트리를 따라 window로 다시 돌아간다.

▲ 그림 6-2 이벤트 전파 단계 ²