preventDefault()

preventDefault()란

기본(default)를 막다(prevent) 라는 단어에서 유추 할수 있듯이 html에서 표준으로 제공하는 태그의 기본 이벤트 발생을 막는 메서드입니다. 예를 들어 앵커태그 <a> <submit> <button> 태그는 각각 페이지 이동이나 form 데이터 전송 등의 기본 이벤트들이 있는데preventDefault() 메서드를 통해 해당 이벤트 발생을 막을 수 있습니다.

아래의 예제를 보면 "me2designer.com 이동하기" 클릭시 기본 <a>태그의 페이지 이동 이벤트 발생을 막아 페이지가 이동되지 않는 것을 확인 하실 수 있습니다.

submit에 경우

• <a>에 경우 href를 쓰지 않고, 스크립트에서 location.href를 처리해도 되지만,
• submit 값을 전송하면서 창이 새로고침(reload)되는데,
• 똑같이 preventDefault()를 사용하면 페이지 새로고침(reload)을 막을 수 있게 된다.