목록2024/04/06 (1)
oris9
[Javascript] 자바스크립트 이벤트(버블링? 캡쳐링? 위임?)
🌐 이벤트 버블링과 캡쳐링 자바스크립트에서 이벤트는 DOM 트리를 따라 위아래로 퍼져나가게 된다. 2번째 그림과 같이 DOM이 팬케이크처럼 겹쳐져있다고 생각하면 이해가 편한데, 가장 아래의 div2를 누르면 그 위에 있는 html, body, div1까지 모두 눌리게 되는 것이다. 누르면서 위에서부터 하나씩 다 눌리게되고, div2에서 누른게 떨어지면 그대로 아래부터 한 번 더 요소들을 건드리게되면서 버블링이 일어난다.. 고 이해하면 편할 것 같다. 이벤트가 상위요소에서 하위요소로 전파되는 것을 `캡쳐링`, 반대로 하위요소에서 상위요소로 전파되는 것을 `버블링`이라고 한다 자바스크립트에서 기본적으로 `캡쳐링`단계가 일어난 뒤 `타겟에 등록된 이벤트`가 일어나고, `버블링`이 일어나게 된다. (그림2) !..
JavaScript
2024. 4. 6. 14:46