e.preventDefault() 와 stopPropagation() 의 차이

e.preventDefault() 

Html에서 a태그나 form의 submit 태그는 고유의 동작이 있다.

예를들면 a태그는 링크로 이동, submit은 form을 제출한다.

 

이런 태그 안에서 동작을 중단시키는 함수가 

e.preventDefault() 함수이다.

 

stopPropagation()

하위 엘리먼트의 이벤트를 눌렀을 때

부모로 전파가 되기 때문에

e.stopPropagation를 사용하면 상위 엘리먼트로 전달되지 않는다.

 

참고 )

[개념잡기] e.preventDefault() 와 stopPropagation() 의 차이