이벤트 버블링 | Event Bubbling
한 요소의 이벤트를 발생시켰을 때, 그 요소의 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러도 동작하는 현상.
최상단의 조상 요소를 만날 때 까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다.
해결 방법
의도치 않은 부모 요소의 핸들러 동작을 방지하기 위해서는
event.stopPropagation()
을 사용하면 된다.
이벤트 버블링 | Event Bubbling
한 요소의 이벤트를 발생시켰을 때, 그 요소의 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러도 동작하는 현상.
최상단의 조상 요소를 만날 때 까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다.
해결 방법
의도치 않은 부모 요소의 핸들러 동작을 방지하기 위해서는
event.stopPropagation()
을 사용하면 된다.
