우당탕탕 개발일기

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

What I Learned/JavsScript

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

rilee 2023. 2. 2. 14:28
728x90

event.preventDefault()

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

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

 

event.stopPropagation()

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

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

 

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

 

 

 

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

 

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

stopPropogation vs preventDefault e.preventDefault()와 e.stopPropagation()의 차이 두개의 코드 모두 이벤트 관련 동작에서 많이 사용되는 코드이다. 둘의 차이점은 무엇일까 알아보자. e.preventDefault() html 에서 a

pa-pico.tistory.com

 

728x90