JavaScript
-
[JavaScript] 이벤트 버블링/캡쳐링/ 위임JavaScript 2022. 10. 10. 17:07
오늘은 자주 접했지만 자세히 알지 못했던 이벤트 버블링, 캡쳐링, 위임에 대해서 알아보려고 한다. 1. 목표 이벤트 버블링, 캡쳐링, 위임에 대한 개념을 이해한다. 이벤트 위임의 패턴 및 사용하는 이유에 대해 이해한다. 2. 이벤트 버블링/ 이벤트 캡쳐링 이벤트 위임에 들어가기 앞서 이벤트 버블링과 캡쳐링에 대한 개념을 먼저 알아야 한다. 2-1) 이벤트 버블링 특정 엘리먼트의 이벤트 발생 시 조상까지 이벤트가 전달되는 현상 body div p const $p = document.querySelector('p') const $div = document.querySelector('div') const $body = document.querySelector('body') function Alert(messa..