반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 리액트
- 프로그래밍
- 방법..?
- 변수할당
- Promise.race
- React.memo();
- state
- Promise.allSettled
- 하자있는방법
- hook
- JSX문법
- stopPropagation
- 이벤트캡쳐
- Promise.any
- JSP
- 모던자바스크립트
- 이벤트위임
- React
- ES6
- Array.from
- 포트폴리오
- 자바스크립트
- 게시판구현
- memo()
- Redux
- 이벤트버블링
- javascript
- 상태관리도구
- await
- this바인딩
Archives
- Today
- Total
목록이벤트위임 (1)
무브라더
[JavaScript] 이벤트 버블링, 이벤트 캡쳐, 이벤트 위임, event.stopPropagation()
이벤트 버블링 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미한다. const divs = document.querySelectorAll('div'); divs.forEach(function(div) { div.addEventListener('click', logEvent); }); function logEvent(event) { console.log(event.currentTarget.className); } div 태그 한개만 클릭했을 뿐인데도 3개의 이벤트가 발생하는걸 결과로 알 수 있다. 그 이유는 브라우저가 이벤트를 감지하는 방식 때문이다. 브라우저는 특정 화면 요소에서 이벤트가 일어났을 때 이벤트를 최상위에 있는 화면 요소까지 전파 시..