저번과 마찬가지로 현장실습할 때 의문점이 생겨 공부하다가 알게된 개념이다. 어노테이션툴은 백엔드 보다 프론트에서 작동하는게 많았기 때문에 클릭 드래그 등을 하다가 작동하지 않을때 검색해 보았다.
버블링
<div onclick = "alert("!")" >
<button></button>
<div>내부의 버튼을 클릭했을때 외부에 할당한 핸들러도 동작하는것이다.
즉, 자식요소의 이벤트가 동작할때 최상단에 도달할떄까지 각 요소의 이벤트가 동작한다.
event.stopPropagation() 을 이용하여 버블링을 멈출 수 있다.
캡처링
주로 사용되지 않는다고한다. 이는 반대로 이벤트가 하위요소로 전달될때 쓴다고한다.
capture : true 옵션으로 동작한다.
참고
1. https://ko.javascript.info/bubbling-and-capturing
'프로그래밍 > 개발' 카테고리의 다른 글
| AJAX란? Async? Await? Axios? (0) | 2023.10.10 |
|---|---|
| onclick vs addEventListner , id vs class (0) | 2023.10.10 |
| 자바스크립트 싱글스레드 (0) | 2023.09.20 |
| 백엔드 오답노트 2 Test란? (0) | 2023.08.15 |
| 카테캠 백엔드 2단계 리뷰 (0) | 2023.08.04 |