그림 3-20 버블링 결과

● 이벤트 전파 막기

캡처링이 일어나지 않게 하려면 이벤트 속성에 Capture 수식어를 사용하지 않으면 됩니다. 하지만 버블링은 기본 동작이므로 버블링을 막으려면 명시적으로 코드를 작성해야 합니다.

버블링을 차단하려면 이벤트 객체의 stopPropagation() 메서드를 사용합니다. 이 메서드는 이벤트가 상위 요소로 전파되는 것을 막아줍니다. 다음 코드는 버튼 클릭 시 stopPropagation()을 호출해 이벤트가 부모 요소로 전달되지 않도록 합니다.