일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- TypeScript
- 비트 연산자
- array
- react localStorage
- state
- CORS
- 프론트엔드
- Component
- Redux
- til
- 알고리즘
- 브라우저
- v9
- Frontend
- Reducer
- 컴포넌트
- 리액트
- 타입스크립트
- 파이어베이스
- es6
- axios
- localstorage
- JavaScript
- 프리온보딩
- 프로그래머스
- react
- 자바스크립트
- firebase
- JS
- 원티드
Archives
- Today
- Total
목록Event Capturing (1)
도리쓰에러쓰
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/lgEoZ/btrIOvXOPkY/mr9GV3EDgekKk0X9BhEvuK/img.png)
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