event.stopPropagation() event.preventDefault() 차이

event.stopPropagation()

웹에서 클릭이벤트는 상위 document로 전파됨(bubble up)

부모 태그로의 이벤트 전파를 중지하는 의미

 

 

event.preventDefault()

a tag href 링크가 있고 click event가 있을 경우 둘다 이벤트 발생
a href=#는 스크롤이 페이지 상단으로 이동
태그처럼 클릭 이벤트 외에 별도의 브라우저 행동을 막을 때 사용