반응형

bubbling

IT 및 일상을 공유합니다.
IT/JavaScript

[JS] 자바스크립트 이벤트 흐름 (버블링, 캡쳐링)

이벤트 전파 (Event Propagation) 이벤트 전파(Event Propagation) 란. HTML 요소에서 이벤트가 발생했을 때 연쇄적인 흐름이 일어나게 되는데 이러한 현상을 이벤트 전파(Event Propagation) 라고 하며, 전파 방향에 따라서 버블링과 캡쳐링으로 구분 짓는다. 이벤트 버블링(Bubbling) HTML 요소에서 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 바깥 부모 요소의 핸들러가 작동되며 끝으로 최상단 부모 요소까지 반복되어 핸들러가 작동된다. 즉 자식 요소에서 발생한 이벤트 핸들러가 최상단 부모요소까지 전파되는 것이다. FORM DIV P 가장 안쪽 p 태그를 클릭하면 버블링 원리로 p 태그부터 최상단까지 onclick 이벤트 핸들러가 동작합니다...

Stack_Shines
느린 개발자
반응형
Stack_Shines
'bubbling' 태그의 글 목록