부모요소에 a 태그 링크가 걸려있을때 자식 요소에 클릭이벤트를 주고 e.preventDefault
를 주면 자식 요소를 클릭해도 부모의 a 태그의 링크로 넘어가지 않는다.
Why?
e.preventDefault
는 이벤트의 기본적인 다음 동작을 방지하는 속성이다. a
태그나 submit
태그는 고유의 동작이 있다. 페이지를 이동시킨다거나 form 안에 있는 input 등을 전송한다던가 그러한 동작이 있는데 e.preventDefault는 그 동작을 중단시킨다.