(자바스크립트) EventDelegation(여러개의 탭 쉽게..)closest(),

Event Delegate : Child Element들 각각에 Event Handler를 추가하는 것이 아니라
Parent Element에 Event Handler를 추가한 뒤 Event가 발생한 node를 확인하여 처리하는 방법.
장점 : 등록되는 Event Handler의 수를 줄일 수 있다. (성능에 도움이 된다.)
코드가 간결해지며 유지보수가 수월해진다.

단점 : 불필요한 Event를 filtering하는 작업이 추가된다.


참고: https://davidwalsh.name/event-delegate
참고:http://regularmotion.kr/javascript-patterns-event-delegate/





* closest()는 가장 가까운 li를 찾아줌. 즉, 가장가까운 자식을 찾아줌.

댓글

이 블로그의 인기 게시물

(ElasticSearch) 결과에서 순서 정렬

(네트워크)폴링방식 vs 롱 폴링방식

(18장) WebSocekt과 STOMP를 사용하여 메시징하기