IT/HTML1 이벤트 버블링과 캡처링 버블링 버블링(bubbling)의 원리는 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. 3개의 요소가 form > div > p 형태로 중첩된 구조일 경우 가장 안 쪽의 를 클릭하면 순서대로 다음과 같은 일이 벌어진다. 에 할당된 onclick 핸들러가 동작한다. 바깥의 에 할당된 핸들러가 동작한다. 그 바깥의 에 할당된 핸들러가 동작한다. document 객체를 만날 때까지 각 요소에 할당된 onclick 핸들러가 동작한다. 이런 흐름을 "이벤트 버블링"이라고 부른다. 이벤트가 제일 깊은 곳에 있는 요소에서 시작해 부모 요소를 거슬러 올라가며 .. 2021. 5. 27. 이전 1 다음