[JS] event.preventdefault()

html에서 표준으로 제공하는 태그의 기본 이벤트 발생을 막는 메서드이다.
<a>태그를 통해 연결된 링크로 이동하거나, <submit>태그를 통해 값을 전송하면서 해당 페이지를 새로고침할 수 있지만 기존 메서드의 의도로 사용하지 않는 경우에 event.preventDefault()를 사용하는 것이다.

event.stopPropagation과의 차이

stopPropagation 이라는 메서드 또한 이벤트 전파를 막는다. preventDefaults와의 차이는 stopPropagation은 이벤트 버블링을 중단시킨다는 것이다. (부모 태그로 이벤트를 전파하는 것을 막아준다.)

참고
https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault
https://velog.io/@hang_kem_0531/JS-event.preventDefault-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0