event.preventDefault 메서드

event.preventDefault 메서드는 브라우저의 기본 동작을 취소할 수 있게 합니다. 예를 들어, 링크를 클릭해도 다른 페이지로 이동하지 않도록 하거나, 버튼을 눌러도 양식이 서버로 제출되지 않도록 만들 수 있습니다. 사용 방법: 이벤트에 바인딩된 함수 내부 어디에서든 event.preventDefault()를 호출하면 됩니다. 여기서 event는 Event 객체입니다.

구문

javascriptevent.preventDefault();

예제

링크를 클릭해도 다른 페이지로 이동하지 않도록 만들어 봅시다:

html<a href="/" id="elem">링크</a>

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  alert('이 링크로는 이동할 수 없습니다!');
});

Результат:

같이 보기