[JS] 이벤트 위임 공부

강인호·2022년 10월 12일
0

개인저장

목록 보기
28/87

참고링크

이벤트 버블링

이벤트 버블링은 특정 엘리먼트에서 이벤트가 발생했을 때 그 이벤트가 해당 엘리먼트의 조상한테까지 전달되는 현상이다.

이벤트 버블링을 멈추기 위해서는 최초로 일어나는 이벤트 핸들러에 event.stopPropagation() API를 추가해주면 된다.

이벤트 캡쳐링

이벤트 캡쳐링은 특정 엘리먼트에 이벤트가 발생했을때, 이벤트가 최상단의 부모로부터 전달되어져 내려오는 현상이다.

이벤트 캡쳐링은 핸들러에 {capture : true} 혹은 true로 설정을 따로 해주어야 하며 기본값이 false기 때문에 따로 설정을 해주지 않으면 이벤트 캡쳐링은 일어나지않는다.

마찬가지로 event.stopPropagation()로 전파를 막을 수 있다.

이벤트 위임

이벤트 위임이랑 캡쳐링과 버블링을 이용하여 엘리먼트에 각각의 이벤트 핸들러를 할당하지않고 공통되는 부모에 이벤트 핸들러를 할당하여 관리하는 방법이다.

솔직히 예시코드 봐도 잘 모르겠다 나중에 추가적으로 공부해야겠다..

기본적인 자바스크립트 관련 지식이 아직 부족한것같다...

ㅠ.ㅠ

0개의 댓글