이벤트 전파
가장 아래 있는 div를 클릭할 경우 부모 div의 클릭이벤트까지도 모두 동작하는 것.
이러한 이벤트 전파를 막기 위해 사용하는 코드
event.preventDefalut()
현재 이벤트의 기본 동작을 중단.
event.stopPropagtion()
현재 이벤트가 상위로 전파되지 않도록 중단.
event.stopImmediatePropagtion()
현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단.
return false
event.preventDefalut()와 같다.
'UI개발' 카테고리의 다른 글
자바스크립트 함수표현식 (0) | 2021.01.07 |
---|---|
자바스크립트 - 콜백의 동기와 비동기 (0) | 2020.08.23 |
자바스크립트 객체지향 - Prototype (0) | 2020.08.23 |
자바스크립트 객체지향 - 상속 (0) | 2020.08.23 |
자바스크립트 객체지향 - this (0) | 2020.08.23 |