본문 바로가기

UI개발

이벤트 전파를 중단하는 방법

이벤트 전파

가장 아래 있는 div를 클릭할 경우 부모 div의 클릭이벤트까지도 모두 동작하는 것.

이러한 이벤트 전파를 막기 위해 사용하는 코드

 

event.preventDefalut()

현재 이벤트의 기본 동작을 중단.

 

event.stopPropagtion()

현재 이벤트가 상위로 전파되지 않도록 중단.

 

event.stopImmediatePropagtion()

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

 

return false

event.preventDefalut()와 같다.