일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- solidity
- Javascript
- 알고리즘
- 정렬
- Queue
- 솔리디티
- BOJ
- 실행 컨텍스트
- let
- Interview
- git pull
- Python
- 리액트
- nft
- 변수
- Execution context
- 자바스크립트
- 프로퍼티
- 딥다이브
- Deep Dive
- 백준
- var
- Algorithm
- 블록체인
- 함수
- react
- 파이썬
- blockchain
- 클로저
- frontend
Archives
- Today
- Total
목록Event (1)
공부하자
[Javascript] 이벤트 버블링(bubbling), 캡처링(capturing)
계층적 구조에 포함되어 있는 HTML 요소에 이벤트가 발생할 경우 연쇄적 반응이 일어난다. 이벤트가 전파되는데 전파방향에 따라 버블링과 캡처링으로 구분할 수 있다. 주의할 것은 버블링과 캡처링은 둘 중에 하나만 발생하는 것이 아니라 캡처링부터 시작하여 버블링으로 종료한다는 것이다. 를 클릭하면 이벤트가 최상위 조상에서 시작해 아래로 전파되고(캡처링 단계), 이벤트가 타깃 요소에 도착해 실행된 후(타깃 단계), 다시 위로 전파된다.(버블링 단계). 이런 과정을 통해 요소에 할당된 이벤트 핸들러가 호출된다. 이벤트 버블링 자식요소에서 발생한 이벤트가 부모 요소까지 전파하는 것. FORM DIV P 위의 코드를 실행하게 되면 만약 p를 누르면 p -> div -> form 순서대로 alert이 뜨게된다. di..
면접 준비
2023. 2. 2. 12:46