event.stopPropagation()

[Javascript] 이벤트 버블링과 이벤트 캡쳐링

이벤트 버블링 이벤트 버블링이란 부모, 자식 태그에 모두 onclick 이벤트가 있을 경우 자식태그를 클릭하면 부모태그까지 클릭이벤트가 전파시키는 html의 특징이다. 브라우저가 이벤트를 감지할 때 해당 요소에서 최상위 요소까지 이벤트를 전파시킨다. 이벤트 캡쳐링 이벤트 캡쳐링이란 이벤트버블링과는 반대로 최상위 태그부터 자식태그까지 이벤트를 전파하는 방식이다. addEventListener() API에서 옵션 객체에 capture:true를 설정해주어 설정한다. 이벤트 위임 이벤트 버블링을 이용하여 부모태그에 이벤트 리스너를 적용하여 자식태그에서 발생한 클릭이벤트를 감지, 제어할 수 있다. 태그가 부모이고 onclick 이벤트를 가진 태그가 자식일 경우, 이벤트 버블링이 일어나야 한다고 생각했다. 하지만..