반응형 이벤트 위임1 이벤트 플로우 (이벤트 캡처링, 이벤트 버블링, 이벤트 위임) 이벤트 플로우 Click Here! 위 html 코드에서 div, html, body 모두에 클릭 이벤트가 달려있을때 div를 클릭하면 3가지 이벤트가 모두 실행된다. 그러나 3가지 이벤트가 실행되는 순서가 존재한다. 이 순서를 이벤트 플로우라고 한다. target vs currentTarget target : 시작점을 뜻한다. currentTarget : 지금 실행중인 이벤트가 어디에서 실행중인지를 의미한다. 처음 보았던 html 코드에서 div를 클릭해서 이벤트가 발생했을때, div 이벤트 핸들러에서 target과 currentTarget은 모두 div가 된다. 반면, body 이벤트 핸들러에서는 target은 이벤트의 시작점인 div가 되고 currentTarget은 body에 연결된 핸들러이므로 .. 2022. 9. 17. 이전 1 다음 반응형