preventDefault() 이벤트 메서드
예시
링크가 URL을 열지 못하도록 방지:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
preventDefault() 메서드는 취소 가능한 경우 이벤트를 취소합니다. 즉, 이벤트에 속한 기본 작업이 발생하지 않습니다.
예를 들어 다음과 같은 경우에 유용할 수 있습니다.
- "제출" 버튼을 클릭하면 양식이 제출되지 않습니다.
- 링크를 클릭하면 링크가 URL을 따라가지 않도록 방지
참고: 모든 이벤트를 취소할 수 있는 것은 아닙니다. 취소 가능한 속성을 사용 하여 이벤트가 취소 가능한지 확인합니다.
참고: preventDefault() 메서드는 DOM을 통한 이벤트의 추가 전파를 방지하지 않습니다. 이를 처리하려면 stopPropagation() 메서드를 사용하십시오.
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Method | |||||
|---|---|---|---|---|---|
| preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
통사론
event.preventDefault()
매개변수
| 없음 |
기술적 세부 사항
| 반환 값: | 반환 값 없음 |
|---|---|
| DOM 버전: | DOM 레벨 2 이벤트 |
더 많은 예
예시
체크박스의 기본 동작 방지:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});