TIL_event.preventDefault()

preventDefault()

HTML태그의 기본 이벤트 발생을 막아주는 메소드

HTML에서 제공하는 태그 중, a, submit, button 같은 것들은 클릭했을 경우, 새로고침이 되거나 href속성을 통해 연결된 링크로 연결되게 된다.

이때, event.preventDefault()메소드를 사용하면 이러한 이벤트 발생을 막을 수 있다.

HTML

<div class="form__submit">
	<input type="submit" value="submit" id="submit">
</div>

JavaScript

event.preventDefault();

preventDefault() 메소드 때문에, submit 버튼을 클릭해도 새로고침되지 않는다.