우디의 개발 블로그

이벤트 객체의 메서드인 Event.stopPropagation() 를 이해하기 위해 일단 이벤트 버블링에 대해 알아보자. 버블링이란? 버블링이란 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하는 것을 말하며, 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. 간단한 예시를 통해 버블링이 어떻게 발생하는지 알아보자. FORM DIV P 가장 안쪽의 요소를 클릭하면 다음과 같은 순서로 동작이 나타난다. 에 할당된 onclick 핸들러가 동작함. 에 할당된 onclick 핸들러가 동작함. 에 할당된 onclick 핸들러가 동작함. document 객체를 만날 때까지, 각 요소에 할당된 onclick 핸들러..