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

 

두 가지 모두 이벤트 발생에서 사용되는 것을 많이 봤을 것입니다. 둘 다 기본적으로 이벤트를 중단시키는 코드랍니다. 

하지만 다른 점이 있답니다. 그것은 바로 이벤트 전달방식에 따라서 사용된다는 것입니다. 

 

e.preventDefault()

는 기본적으로 고유의 이벤트 동작을 중단시킵니다. 

 

 

e.stopPropagation()

중첩되어있는 엘리먼트들 중에서 하위에서 상위로 이벤트가 전달되는 것을 중단시킵니다. 

즉, 고유 자신만의 이벤트만을 감지하도록합니다.