이벤트 위임
- 버블링 개념을 활용하면 훨신 효과적인 이벤트 관리를 할 수 있다.
예를 들어, 자식 요소 각각에 이벤트 핸들러를 하나씩 등록할 필요 없이 부모 요소에서 한 번에 자식 요소들에 발생한 이벤트를 관리 할 수 있다.
이 경우, 해당되는 자식요소에만 이벤트가 작동되도록 if문과 contains를 통해 설정 가능하다. - 자식 요소의 이베느를 부모 요소에 위임한다고 해서 이벤트 위임(Event Delegation)이라고 부른다.
728x90
'코딩도 합니다 > JS' 카테고리의 다른 글
[자바스크립트 js] 마우스 버튼 이벤트 / MouseEvent.button / MouseEvent.type (0) | 2021.05.11 |
---|---|
[자바스크립트 js] 브라우저의 기본 동작 막기 e.preventDefault(); (0) | 2021.05.10 |
[자바스크립트 js] 이벤트 버블링 Event Bubbling (0) | 2021.05.10 |
[자바스크립트 js] 이벤트 객체 프로퍼티 (0) | 2021.05.10 |
[자바스크립트 js] 마우스 이벤트 / 키보드 이벤트 / 포커스 이벤트 / 입력 이벤트 / 스크롤 이벤트 / 윈도우 창 이벤트 (0) | 2021.05.10 |