[JS] event.preventDefault() 와 event.stopPropagation()

event.preventDefault()

a, input 등 기본적으로 정의된 이벤트를 작동하지 않게 하는 메소드

이벤트가 전파되는 것(버블링, 캡처링)을 막진 않는다.

 

event.stopPropagation()

상위 요소들에게 이벤트 전파(버블링, 캡처링)되는 것을 막음

기본 이벤트를 막진 않는다.

 

이벤트 전파
버블링: 자식 요소 → 부모 요소로 이벤트 전달
캡처링 : 부모 요소 → 자식 요소로 이벤트 전달

 

 

 

https://pa-pico.tistory.com/20

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