| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 정재남
- programmers
- 타임어택
- 타입스크립트
- 손에 익히며 배우는 네트워크 첫걸음
- 토익
- 자바스크립트
- 리액트
- 4주 프로젝트
- Async
- 렛츠기릿 자바스크립트
- js
- HTTP
- 코어 자바스크립트
- 백준
- til
- 리덕스
- LeetCode
- 제로초
- 프로그래머스
- 파이썬
- javascript
- 토익 900
- 회고
- 코드스테이츠
- 타입스크립트 올인원
- SQL 고득점 Kit
- 2주 프로젝트
- 알고리즘
- codestates
Archives
- Today
- Total
목록이벤트 캡처링 (1)
Jerry
이벤트 버블링(Event Bubbling), 이벤트 캡처링(Event Capturing), 이벤트 위임(Event Delegation), 이벤트 등록, 이벤트 흐름 정복하기!!
이번 시간은 이벤트 등록, 이벤트 버블링, 이벤트 캡처링, 이벤트 흐름, 이벤트 위임에 대해서 알아보겠습니다. 1. 이벤트 등록 이벤트 버블링, 캡쳐, 위임에 알아보기 위해 우리는 먼저 이벤트 등록에 대해서 알고 있어야 합니다. 이벤트 등록이란 웹 애플리케이션에서 사용자의 입력을 받기 위한 기능입니다. 아래 코드 예시에서 addEventListener를 이용하여 이벤트를 등록할 수 있습니다. click! 클릭 시, 해당 이벤트 내용이 콘솔에 찍히는 걸 확인할 수 있습니다. 추가로, 만약에 핸들러를 제거 해주고 싶다면, 어떻게 해야 할까요? 그럴 때는 '이벤트 등록'했던 것과 비슷하게 '이벤트 해제' 혹은 '이벤트 제거'를 해줘야 합니다. removeEventListener를 같은 단계에 두고 사용하시면 ..
Front/JavaScript
2021. 4. 28. 17:24