📚 Reference

• 공식 사이트 1

📜 Chapter

Event.preventDefault()

Event.stopImmediatePropagation()

Event.stopPropagation()

• Event.stopPropagation()
• Event인터페이스의 stopPropagation()메서드는 현재 이벤트가 캡처링/버블링 단계에서 더 이상 전파되지 않도록 방지한다.
• 전파를 방지해도 이벤트의 기본 동작은 실행되므로, stopPropagation()이 링크나 버튼의 클릭을 막는 것은 아니다.
• 이런 기본 동작을 방지하려면 preventDefault()메서드를 사용해야 한다.
• 또한, stopPropagation()은 같은 이벤트 대상에 부착한 다른 수신기까지 막지는 않는다.
• 이것까지 막으려면 stopImmediatePropagation()를 사용해야 한다.

event.stopPropagation();

• 상위 element들로의 이벤트 전파를 중단 시킨다.
• 이벤트가 상위 DOM으로 전달, 전파를 하지 않도록 하는 코드이다.
• 이벤트 전파를 막아 주지만 기본 이벤트를 막아주진 않는다.
• 실제로 마감 기한에 쫓기는 상황에서 이런 동작 방식을 정확히 이해하는 시간보다는 구현에 더 많은 시간을 쏟아야 하기 때문이다.
• 그럴 때는 아래처럼 stopPropagation() 웹 API를 사용한다.

function logEvent(event) {
	event.stopPropagation();
}