Event Bubbling and Propagation

✏️ 이벤트 버블링

• 이벤트 버블링이란 특정 화면 요소에서 이벤트가 발생하였을 때, 해당 이벤트가 더 상위의 화면 요소들로 전달되는 특성을 의미한다.
• 이러한 경우, event.target.id 가 아닌 event.currentTarget.id를 사용하여 실제 이벤트 함수가 실행되는 태그의 id를 가져올 수 있다.
• 또한 event.stopPropagation()을 사용하여 전파를 중단할 수 있다.

✏️ 이벤트 캡처링

• 이벤트 캡처링은 버블링과 반대로 상위에서 하위로 이벤트가 전파되는 단계이다.