event.preventDefault 메서드

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

구문

event.preventDefault();

예제

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

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

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

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

같이 보기

이벤트를 바인딩하는 메서드 addEventListener
이벤트 바인딩을 해제하는 메서드 removeEventListener