본문 바로가기
React

React Event

by 엉덩이가 무거운 개발자 2021. 7. 2.

 

버블링

하위의  이벤트가 상위로 전달되어 가는 것

부모/자식의 구조를 가지고 똑같은 이벤트를 가지고 있는 경우에만 발생하는 것.


https://parkjaeho.tistory.com/87

 

이벤트 버블링, 이벤트 위임

버블링 하위의 이벤트가 상위로 전달되어 가는 것 부모/자식의 구조를 가지고 똑같은 이벤트를 가지고 있는 경우에만 발생하는 것. div에 클릭 이벤트 리스너를 등록해 놓고, button에도 클릭 이벤

parkjaeho.tistory.com

 


👉 event.currentTarget

👉 event.target

이 둘에는 차이가 있는데 event.currentTarget 이벤트가 걸려있는 위치를 반환

 

event.target은 실제 이벤트가 발생하는 위치, 내가 클릭한 요소를 반환한다.

두 객체가 같을 수도 있지만 이벤트 위임을 통해 이벤트를 주었다면 두 개는 다른 값을 가진다.

 

'React' 카테고리의 다른 글

deps에 관하여,useEffect( ),useMemo(),useCallback(),useState( ),  (0) 2021.07.07
Context API  (0) 2021.07.04
React state  (0) 2021.07.02
React component  (0) 2021.07.01
가상 DOM 그리고 DOM  (0) 2021.07.01