버블링
-
<TIL> 211217 이벤트 객체, 로그 미들웨어클래스/└ TIL 2021. 12. 17. 20:05
🐣 { JavaScript } 이벤트 타입 마우스이벤트: click, mousedown, mouseup 폼요소: focus, submit 키보드이벤트: keydown, keyup 이벤트 객체 이벤트가 발생하면 브라우저는 이벤트 객체(event object)를 만듭니다. event.type event.currentTarget(=this) event.clientX, event.clientY 버블링 이벤트는 제일 깊은 곳에 있는 요소에서 시작해 부모요소를 거슬러 올라가며 발생합니다. event.target - 실제 이벤트가 발생한 요소 이벤트 위임(event delegation) 1. 컨테어너에 하나의 핸들러를 할당합니다. 2. 핸들러의 event.target을 사용해 이벤트가 발생한 요소가 어디인지 알아냅니..