더북(TheBook)

React가 내장 이벤트 객체를 크로스 브라우징 목적으로 감싸서 브라우저 이벤트를 합성(또는 정규화)하는 것을 살펴보았다. 합성 이벤트 덕분에 모든 브라우저에서 이벤트가 똑같이 작동한다. 또한, 대부분의 경우에 event.stopPropagation()event.preventDefault()를 포함한 모든 내장 메서드를 React 이벤트에서 사용할 수 있다. 그렇지만 만약 내장 이벤트에 접근해야 한다면 합성 이벤트 객체에서 event.nativeEvent 프로퍼티로 접근할 수 있다. 당연한 이야기지만, 내장 이벤트를 직접 다루는 경우에는 크로스 브라우징 문제를 직접 해결해야 할 것이다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.