브라우저 기본 동작

상당수 이벤트는 발생 즉시 브라우저에 의해 특정 동작을 자동으로 수행합니다.

링크를 클릭하면 해당 URL로 이동합니다.

폼 전송 버튼을 클릭하면 서버에 폼이 전송됩니다.

마우스 버튼을 누른 채로 글자 위에서 커서를 움직이면 글자가 선택됩니다.

브라우저 기본 동작 막기

브라우저 기본 동작을 취소할 수 있는 방법은 두 가지가 있습니다.

첫 번째 방법은 event 객체를 사용하는 것입니다. 이때 event 객체에 구현된 event.preventDefault() 메서드를 사용합니다.

핸들러가 addEventListener가 아닌 on를 사용해 할당되었다면 false를 반환하게 해 기본 동작을 막을 수도 있습니다.

<a href="/" onclick="return false">이곳</a>
이나
<a href="/" onclick="event.preventDefault()">이곳을</a> 클릭해주세요.

위의 HTML에선 링크를 클릭해도 해당 URL로 이동하지 않습니다.