| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- array
- 프로그래머스
- react
- 브라우저
- 자바스크립트
- til
- axios
- 리액트
- react localStorage
- firebase
- state
- JavaScript
- 타입스크립트
- 프론트엔드
- 비트 연산자
- 알고리즘
- Component
- 원티드
- Redux
- 컴포넌트
- Reducer
- v9
- 프리온보딩
- es6
- localstorage
- Frontend
- CORS
- JS
- TypeScript
- 파이어베이스
Archives
- Today
- Total
목록Event Capturing (1)
도리쓰에러쓰
1. 이벤트 버블링 (Event Bubbling) 이벤트 버블링 (Event Bubbling)이란 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상이다. 아래 버블링 예제 코드를 보자. ... 내용1 내용2 내용3 ... // js 코드 const divs = document.querySelectorAll('div'); const clickEvent = (e) => {console.log(e.currentTarget.value)}; divs.forEach((div) => {div.addEventListener('click', clickEvent)}); 위 예제는 div를 클릭하면 해당 div의 value가 콘솔로 출력된다..
Front-end
2022. 8. 3. 18:30