TIL - 20220903

 오늘은 모던 JavaScript 튜토리얼에서 이벤트 위임에 대해 공부했다. 작성한 질문은 다음과 같다.

 이벤트 위임은 여러 요소를 비슷한 방식으로 다뤄야 할 때 사용하면 좋고, 이벤트 위임을 사용하면 요소마다 핸들러를 할당하지 않고 요소들의 공통 조상에 이벤트 핸들러 단 하나만 할당해도 여러 요소를 한꺼번에 모두 다룰 수 있어서 코드가 간결해지고 초기화가 단순해지기에 메모리도 절약된다.

 

 행동 패턴은 다음과 같은 두 부분으로 구성된다.

• 요소의 행동을 설명하는 커스텀 속성을 요소에 추가한다.
• 문서 전체를 감지하는 핸들러가 이벤트를 추적하게 한다. 1에서 추가한 속성이 있는 요소에서 이벤트가 발생하면 작업을 수행한다.