[JS] 이벤트가 전파된다구?? 이벤트 버블링과 캡처링!!

DOM event flow

이벤트 버블링(bubbling)

이벤트 버블링(bubbling)이란 상위부모로 이벤트가 전파되는 것이다!
다시 말해 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 부모 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작하는 것이다!

이벤트 캡처링(capturing)

부모에서부터 나한테까지 전파되는 것은 이벤트 캡처링(capturing)이다.
정확히 말하면 이벤트가 하위 요소로 전파되는 단계이다!

ETC!

• 이벤트가 하나씩 전파가 되는것! => propagation이라고 함
• event.stopPropagation() 은 이벤트 전파를 막는 함수이다!
  이걸 쓰면 그 위에 함수는 실행이 안됨!
• 이벤트 위임 => delegation이라고 함