이벤트 버블링은 특정 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는
특성을 의미한다. HTMl 문서의 각 엘리먼트들은 아래와 같이 태그 안의 태그가 위치하는 식으로 계층적으로
이루어져있기 때문에 HTML 요소에 이벤트가 발생할 경우 연쇄적 이벤트 흐름이 일어난다.
예를 들어 아래 3개가 중첩된 박스 영역에서 가장 자신 엘리먼트인 p 박스를 클릭하면 그 의 부모요소들도
이벤트가 발생하게된다.
<form onclick="alert('form')">FORM
<div onclick="alert('div')">DIV
<p onclick="alert('p')">P</p>
</div>
</form>
// p 태그클릭시 위에 있는 부모요소들도 연쇄적으로 이벤트가 발생된다
이벤트 버블링과 반대 방향으로 진행되는 이벤트 전파 방식이다
