[javascript] 이벤트 전파 (버블링/캡쳐링)
이벤트 전파 부모 - 자식의 계층 구조로 이루어진 각각의 요소(Element)에 이벤트를 부여할때 이벤트 발생순서를 정할 수 있습니다. addEventListener() ele.addEventListener('click', callback, false) 이벤트를 추가할때 사용한 addEventListener()는 3개의 인자를 전달합니다. 순서대로 - 이벤트 타입 - 콜백함수 - 이벤트 버블(false), 이벤트 캡쳐(true) 이벤트 타입은 click이냐, mousedown이냐, touchstart냐, keyup이냐 등의 이벤트 종류를 설정합니다. 콜백은 이벤트가 발생하면 실행할 함수입니다. 마지막에 true, false로 전달되는 이벤트 버블링/캡쳐링에 대하여 알아보겠습니다. 이벤트 버블링(Event Bubbling) addEventListener의 세번째 인자는 boolean (true/false)으로 전달됩니다. false 는 버블링 (bubbling) true 는 캡쳐링 (capturing) 이라고 명칭합니다. 버블링 (bubbling) 버블링(false)는 자식노드부터 이벤트가 발생하여 부모로 이벤트가 전파됩니다. <div class="a"> <div class="b"> <div class="c"></div> </div> </div> [스크립트] document.querySelector('.a').addEventListener('click', function(){ console.log('a'); }, false ); document.querySelector('.b'...
