e.preventDefault

e.preventDefault()는 DOM의 기본 동작을 방지한다.
여기서 e는 event객체를 의미한다.

예를들어

• Check Box의 check가 되는 것
• 스크롤링
• <a>의 페이지 넘어가는 것
• <textarea>, <input>의 text 입력하기
• <button type=’submit’>의 페이지 새로고침

 

애먹었던 상황

form 태그 안의 button태그는 기본적으로 submit으로 실행된다.

하지만 나는 submit을 원한게 아니었다 그렇기에 e.preventDefault()을 사용해주었다.

 

 

REF

• https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault