preventDefault() 이벤트의 기본동작을 막는 함수

자바스크립트에서 이벤트리스너에 등록한 이벤트의 기본동작을 막아주는 함수이다. 예를 들면 form태그에 ‘submit’ 이벤트를 등록하면 이벤트가 발생하면 항상 페이지를 새로고침하는 동작을 하는데 이것을 막고싶을 때가 있다.

이런 때 사용하면 된다.

form.addEventListener('submit', function(e){
   e.preventDefault();
   console.log("kkk");
})
Code language: JavaScript (javascript)