preventDefault() 이벤트 메서드

DOM 이벤트 Event 객체

정의와 사용법

이벤트가 취소 가능하다면 preventDefault() 메서드는 이벤트를 취소하며, 이는 이벤트의 기본 동작이 발생하지 않는다는 의미입니다.

다음과 같은 경우에 유용합니다:

  • 제출 버튼을 클릭하면 그것이 양식을 제출하지 않도록 방지하십시오
  • 링크를 클릭하면 링크가 URL을 따라 가지 않도록 방지하십시오

주의사항：모든 활동이 취소될 수 있는 것은 아닙니다. 다음을 사용하여： cancelable 속성 이벤트가 취소될 수 있는지 확인하십시오.

주의사항：preventDefault() 메서드는 이벤트가 DOM을 통해 더 이상 전파되지 않도록 방지하지는 않습니다. stopPropagation() 메서드를 사용하여 해결하십시오.

실례

예제 1

URL을 열지 않도록 링크를 방지하십시오：

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

본인이 직접 시도해 보세요

예제 2

채크박스의 기본 동작을 방지하십시오：

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

본인이 직접 시도해 보세요

문법

이벤트.preventDefault()

매개변수

없음.

기술 세부 사항

반환 값: 반환 값 없음.
DOM 버전: DOM Level 2 Events

브라우저 지원

이 메서드를 완전히 지원하는 최초 브라우저 버전 번호가 표에서 나타납니다.

메서드 크롬 IE 파이어폭스 사파리 오페라
preventDefault() 지원 9.0 지원 지원 지원
DOM 이벤트 Event 객체