event capturing (1) Today I am 이벤트 버블링, 캡처링 dropmenu를 만들면서 event에 대해 많이 찾아보고 공부하게 되었다. 🚣♀ DOM 이벤트에서 정의한 이벤트 흐름에는 3가지 단계가 있다. 1. 캡처링 단계 - 이벤트가 하위요소로 전파되는 단계 2. 타깃 단계 - 이벤트가 실제 타깃요소에 전달되는 단계 3. 버블링 단계 - 이벤트가 상위요소로 전달되는 단계 가장 하위단계의 태그이벤트를 실행시키면 최상위에서 아래로 전파 (캡처링 단계), 이벤트가 타깃 요소에 도착해서 실행(타깃 단계), 다시 상위요소로 전달되는 (버블링 단계) 위 과정을 통해 요소에 할당된 이벤트 핸들러가 호출된다. ⭐ 이벤트 버블링 가장 안쪽에 있는 p태그를 클릭하게 되면 p → div → form 순서로 alert창이 열린다. 위 흐름을 이벤트 버블링이라고 한다. 이벤트가 제일.. 이전 1 다음