event.preventDefault()

이게 몰까?

• 이벤트를 취소할 수 있는 경우, 이벤트의 전파를 막지않고 그 이벤트를 취소함.
• 브라우저에서 element 별로 제공되는 기본 event를 취소함.

사용예시

• # case1 anchor 태그 동작 취소.
• # case2 form submit 버튼 클릭시, 화면전환하는 기존 이벤트를 취소하기 위해서 사용함.

// # case1
$a.addEventListenr("click", (event) => {
    event.preventDefault();
});

// # case2
$form.addEventListener("submit", (event) => {
    event.preventDefault();
    console.log("click!");
})

[참고]

• https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault
• https://programming119.tistory.com/100