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 |
Tags
- pug
- node.js
- Session
- mongoose
- 컴퓨터 구조론
- 연결자료구조
- 자바스크립트
- MongoDB
- 자바스크립트 배열
- 컴퓨터 구조
- CPU
- react
- 유튜브 클론코딩
- 프론트엔드
- 표현식과 문
- JavaScript
- 모던 자바스크립트 Deep Dive
- 마이크로명령어
- Express
- 리액트
- 자료구조
- 후위표기법연산
- Nodemon
- 제어유닛
- 제어유니트
- 유튜브클론코딩
- 깃허브 로그인
- 후위표기법변환
- cookie
- 보조저장장치
Archives
- Today
- Total
목록JavaScript/이벤트 (1)
909 Devlog
[Javascript] target과 currentTarget의 차이점
리액트에서 input을 다루다 보면 자주 사용하게 되는 e.target과 e.currentTarget, 두 요소의 차이점을 알아보자. 코드로 알아보기 전에, MDN 문서를 한 번 읽어보자. 먼저, Event 인터페이스의 읽기 전용 요소인 target은 이벤트를 발생시킨 객체에 대한 참조이다. 이어서, Event 인터페이스의 읽기 전용 요소인 currentTarget은 이벤트 핸들러가 부착된 element를 식별한다. 즉, target은 이벤트 버블링에 의해 부모의 이벤트를 위임받은 자식을 가리키고, currentTarget은 이벤트 핸들러가 부착된 요소를 가리킨다. 쉽게 말해서 target은, 실제로 이벤트가 발생된 요소를 가리킨다고 보면 된다. 이제 코드로 한 번 알아보자 강아지 고양이 우선 위와 같이..
JavaScript/이벤트
2024. 2. 1. 02:13