2021년 05월 31일
수정하기
문서 생성 2021-05-31 20:17:53 최근 수정 2021-05-31 21:23:21
Note
JavaScript
- 이벤트 버블링, 캡처, 위임에 대하여
- 참고자료
- 이벤트 버블링은 특정 화면 요소에 이벤트가 발생했을 때 상위 화면 요소들로 이벤트가 전달되는 특성
- 이벤트 캡처링은 버블링과 반대로 상위에서 하위 요소로 이벤트가 전달되는 방식
- 이벤트 버블링과 캡처를 막으려면 이벤트를 등록하는 코드에서
event.stopPropagation()
API를 사용한다. - 많은 양의 요소에 이벤트를 각각 등록하는 것은 비용이 많이 발생하기 때문에 이벤트 위임을 이용해 이벤트를 제어하는 것이 좋다.
- 하위 요소에 이벤트 리스너를 등록하지 않아도, 이벤트 버블링으로 인해 상위 요소의 이벤트 리스너가 동작을 한다.
log
- 🏃 30분 달리기를 했다.