일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 알고리즘
- 프로그래머스
- firebase
- 프론트엔드
- axios
- til
- Redux
- Component
- es6
- 프리온보딩
- Frontend
- react
- JS
- 파이어베이스
- 타입스크립트
- array
- 리액트
- 브라우저
- JavaScript
- v9
- Reducer
- 컴포넌트
- state
- 비트 연산자
- localstorage
- TypeScript
- 자바스크립트
- CORS
- 원티드
- react localStorage
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