728x90
이벤트를 위임할 때 Element 하나씩 이벤트 핸들러를 달아주면 성능도 저하되고 코드도 복잡해진다.
따라서 부모 태그에 이벤트 리스너를 만들고, 자식 요소를 클릭하면이벤트 버블링이 일어나서 부모 태그에 만들어 둔 리스너가 동작한다.
이때 이벤트 리스너에서 event.target을 체크한 뒤 원하는 동작을 구현하면 코드가 간단해지고 성능도 빨라진다는 장점이 있다.
이러한 방법을 이벤트 델리게이션이라고 한다.
반응형
'개발공부 > 웹' 카테고리의 다른 글
| React Immer로 상태관리하기 (0) | 2023.05.05 |
|---|---|
| Reducer로 React에서 상태 관리 하는 방법 (0) | 2023.05.04 |
| HTML이 화면에 렌더링 되는 순서 (DOM? CSSOM?) (0) | 2023.02.14 |
| addEventListener()과 onclick()의 차이 (0) | 2023.02.14 |
| 시맨틱 마크업, 왜 필요할까? (0) | 2023.01.28 |