To. 나
이걸 아는 사람이 왜 실수를 하고 그래!
From 나
1. 버블링
한 요소에 이벤트가 발생하면
할당된 핸들러가 동작하고
부모 요소의 핸들러가 동작하는것이다.
가장 최상단의 요소를 만날때까지 이 과정이 반복되면서
요소 각각에 할당된 핸들러가 동작한다.
거의 모든 이벤트는 버블링 된다.
이벤트가 발생한 가장 안쪽의 요소는 target 이라고 부른다.
event.target으로 접근 한다.
- event.target : 실제 이벤트가 시작된 타깃 요소 , 버블링이 진행되어 변하지 않음.
- event.currentTarget (this): '현재'요소 현재 실행 중인 핸들러가 할당된 요소를 참조한다
2. 캡처링
하위 요소로 전파되는 단계
'Frontend > JavaScript' 카테고리의 다른 글
| Element.getBoundingClientRect() (0) | 2022.05.17 |
|---|---|
| String.prototype.charAt() (0) | 2022.04.18 |
| e.preventDefault(); (0) | 2022.04.10 |
| Bitwise OR(|) (0) | 2022.04.05 |
| padStart(); (2) | 2022.04.05 |