이벤트버블링

자바스크립트(JavaScript) - 이벤트 버블링이란?

자바스크립트(JavaScript) - 이벤트 버블링이란? 이벤트 버블링이란 무엇일까? - 어떤 하나의 요소에 이벤트가 발생하게 되면, 해당 이벤트가 동작한 뒤에 부모 요소의 이벤트 핸들러가 이어서 작동하게 되는데, 이 현상은 부모요소를 계속 거슬러 올라가 윈도우 객체를 만날때까지 진행되고, 자식요소부터 부모요소, 그 부모요소의 부모 요소 로 계속 올라가는 현상이 마치 거품이 올라가는 현상과 비슷하여 이것을 이벤트 버블링이라고 한다. 한 번 확인해보자. 다음과 같은 html 코드와 js 코드가 있다. 여기서 빨강,주황,노랑,초록,파랑 버튼을 클릭하게 되면 콘솔에 어떻게 나타날까? 이렇게 세개의 텍스트가 출력되는 것을 확인할 수 있다. 아니 item Event 가 출력되는건 이해하겠어. 근데 list Eve..