JS | 기본동작 비활성화

개요

event.preventDefault();

이 코드를 사용하면 링크를 클릭할 때 이동하거나, 체크박스를 비활성화 하는 등 원래 작동해야 하는 기능을 끌 수 있게됩니다.

사용 예제

document.querySelector("#id-checkbox").addEventListener("click", function(event) {
         document.getElementById("output-box").innerHTML += "죄송합니다! <code>preventDefault()</code> 때문에 체크할 수 없어요!<br>";
         event.preventDefault();
}, false);

<p>체크박스를 클릭해주세요.</p>

<form>
  <label for="id-checkbox">체크박스:</label>
  <input type="checkbox" id="id-checkbox"/>
</form>

<div id="output-box"></div>

참조

• Event.preventDefault() – Web API | MDN (mozilla.org)