Knowledge Map

event.target & parentElement를 이용한 이벤트 위임 본문

카테고리 없음

event.target & parentElement를 이용한 이벤트 위임

2018. 5. 8. 14:19

개별 DOM에 이벤트 리스너를 해서 수십개를 하는 것보다 그것을 감싸고 있는 영역에 하나의 이벤트 리스너를 걸고 그다음에 event.target을 이용해서 감지해서 하는 방법을 이벤트 위임이라고 한다.


이것에 대해서 html 엘리먼트 깊이가 여러개, 중첩되어 있다면 원하는 영역 안에 있는 항목을 클릭했을 때 원하는영역에 스타일을 먹이려면 while문으로 parentElement를 써서 타고 올라가면서 체크한 다음에 처리하면 된다.

Comments