이벤트 버블링을 막는 방법

이벤트 버블링을 막는 방법

이벤트 버블링은 자식->부모 순으로 이벤트가 전달된다. 분명 원치 않는 상황도 생길텐데 어떻게 동작을 막을 수 있을까?

event.stopPropagation()

이벤트의 전달을 원하지 않을 경우 이벤트 객체의 메서드인 event.stopPropagation()를 사용하면 된다. 이 메서드를 사용하면 최상위 요소의 이벤트만 동작 시키고 하위 요소로 전달되는 이벤트 요소를 막을 수 있다.

참고 > 이벤트 버블링과 캡처링의 차이