JS. 18 Event Delegation

하승진·2024년 2월 15일

JS 따라잡기

목록 보기
18/49
post-thumbnail

이벤트 위임(Event Delegation)

하위 요소의 이벤트를 상위 요소에 위임하는 것

상위에서 하위요소의 이벤트를 제어


2개의 버튼에 클릭 이벤트를 생성한 상황에서

버튼을 하나 더 생성하면 클릭 이벤트는 없는 것을 알 수 있다.

자식으로 직접 넣은 것이기에 새로 생성된 버튼에는 이벤트가 없다.

=> 따라서 부모 요소에 이벤트를 넣어서 새로 생성한 버튼에도 자동으로 이벤트 생기게 해야한다.

상위 요소에 이벤트 제어로 하위요소 생성 때마다 이벤트리스너 등록할 필요가 없어짐

하위 요소에서 클릭 이벤트를 감지(이벤트 버블링)

profile
기어갈지언정 한 발자국씩이라도 가보자

0개의 댓글