[js] event 전파 멈추기

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다!

개발하다 보면 event를 추가하는 것뿐 아니라 제거해야하는 경우도 필요하더라구요~

javascript에서 이벤트 전파를 중단하는 방법은 크게 4가지가 있습니다.

 

event.proventDefault()
현재 이벤트의 기본 동작을 중단합니다.

 

event.stopPropagation()
현재 이벤트가 상위로 전파되지 않도록 중단합니다.

 

event.stopImmediatePropagetion()
현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단합니다.

 

(일반적으로 event.stopPropagation(), event.stopImmediatePropagation() 두가지 모두 사용하는 경우가 많습니다.)

 

return false
jQuery를 사용할 때는 위의 두개 모두를 수행한 것과 같고,
JQuery를 사용하지 않을때는 event.preventDefault() 와 같습니다.

 

글로만 이해가 가지 않는 분들은 여기로!

 

 

[References]

[JavaScript] JavaScript에서 이벤트 전파를 중단하는 네가지 방법