JavaScript - e.preventDefault() 란

 

e.preventDefault()란

form 안에 input등을 전송하는 동작이나 a 태그나 submit 태그는 고유의 동작이 있다.
e.preventDefault()클릭 이벤트 외에 별도의 브라우저 행동을 막기 위해 사용된다.

a 태그는 페이지 이동시키는 속성이 있다.
코드에서 a태그에 onclick이벤트를 달면 href속성과 onclick이벤트가 함께 존재한다.

블로그로 이동하기를 클릭하면 우선 onclick이벤트가 실행되고 href기능인 블로그로 이동한다.


하지만 e.preventDefault()를 추가하게 되면 a태그의 동작인 페이지 이동이 막아진다.

블로그로 이동하기를 클릭하면 이동이 되지 않는다.