📚 Reference

• 공식 사이트 1

📜 Chapter

Event.stopPropagation()

Event.stopImmediatePropagation()

Event.preventDefault()

• Event.preventDefault()
• Event 인터페이스의 preventDefault() 메서드는 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 사용자 에이전트의 기본 동작을 실행하지 않도록 지정한다.
• preventDefault()를 호출한 이벤트도 수신기 중 하나에서 stopPropagation() 또는 stopImmediatePropagation()을 호출하기 전까지는 다른 이벤트와 마찬가지로 전파된다.
• 아래에도 적혀있지만, cancelable: true 없이 EventTarget.dispatchEvent()로 발송한 이벤트처럼 취소 불가능한 이벤트의 경우, preventDefault()를 호출해도 아무 효과도 나타나지 않는다.

event.preventDefault();

• 고유 동작을 중단 시킨다.
• 기본으로 정의된 이벤트를 작동하지 못하게 하는 메서드이다.
• 이벤트 흐름의 어떤 단계에서라도 preventDefault()를 호출하면 이벤트를 취소한다.
• 즉, 이벤트에 대한 구현체의 기본 동작을 실행하지 않는다. Event.cancelable을 사용해서 이벤트의 취소 가능 여부를 알아낼 수 있다. 취소 불가능한 이벤트에 대해 preventDefault()를 호출해도 아무 효과가 없다.