선수지식

이벤트 버블링(Event Bubbling)

• 하위 엘리먼트에 이벤트가 발생할때, 이벤트가 상위요소로 전달되는 방식
• 브라우저의 특정 요소에서 이벤트 발생 시, 최상위 화면 요소까지 이벤트를 전파시킨다.

이벤트 캡쳐링(Event Capturing)

• 상위 엘리먼트 이벤트가 발생하기 시작해서 하위로 이벤트가 전달
• addEventListener 에서 옵션 객체에 capture:true 설정으로 사용할 수 있다.
  • 이벤트 버블링과 반대 방향 탐색

이벤트 위임(Event Delegegation)

• 상위 엘리먼트에 이벤트 핸들러를 달아서 하위 엘리먼트를 제어하는 방식

장점

• 동적으로 엘리먼트를 추가할때마다 핸들러를 고려하지 않는다.
• 상위 엘리먼트에만 이벤트를 추가하여 코드가 깔끔하다.
• 메모리에 있는 이벤트 핸들러가 적어 퍼포먼스 측 이점을 가진다.