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 | 31 |
Tags
- 리액트
- 리액트쿼리
- 자바스크립트 알고리즘
- NPM
- JS
- leetcode문제풀이
- lodash
- 자바스크립트 알고리즘 문제
- 알고리즘문제풀이
- JavaScript
- 타입스크립트
- 제로베이스
- HTML
- 자바스크립트 문제
- 자바스크립트 문제 풀이
- 자바스크립트
- leetcode
- 자바스크립트코딩테스트
- 자바스크립트 문제풀이
- Next
- til
- stack문제
- CSS
- 자바스크립트 연결리스트
- 프로그래머스
- 프론트엔드
- next13
- Baekjoon
- react
- Next.js13
Archives
- Today
- Total
목록이벤트 버블링 (1)
코드노트
자바스크립트 이벤트 캡처링, 버블링, 타겟
이벤트 전파는 이벤트가 발생했을 때 다른 영역에 전파하는것을 말한다. 이벤트 전파에는 캡처링과 버블링이 있다. 이벤트는 하위요소에서 상위요소로 탐색한다. const capts = document.querySelectorAll("div"); capts.forEach(function(div){ div.addEventListener("click", fnCapture, { capture: true }); }); 이벤트 캡처링 - 이벤트 발생 시 가장 상위 영역에서부터 탐색이 된다. - addEventListener에 capture를 true값을 주면 된다. - default값은 false See the Pen Untitled by beomjunkwon (@bjkwon) on CodePen. 위 코드를 실행하게 ..
Code note/자바스크립트
2022. 11. 14. 17:50