이벤트의 프로퍼티와 메서드는 stopPropagation(), preventDefault(), target, currentTarget처럼 대부분의 브라우저 내장 이벤트와 같다. 내장 프로퍼티나 메서드를 찾을 수 없을 때는 nativeEvent를 통해서 브라우저의 내장 이벤트에 접근할 수 있다.

event.nativeEvent

 

React 버전 15의 합성 이벤트 인터페이스에 포함되어 있는 몇 가지 프로퍼티와 메서드를 살펴보면 다음과 같다.

• currentTarget: 이벤트를 캡처한 요소의 DOMEventTarget(대상 요소 또는 부모 요소일 수 있다.)

• target: DOMEventTarget, 이벤트가 발생한 요소

• nativeEvent: DOMEvent, 브라우저 내장 이벤트 객체

• preventDefault(): 링크나 폼 전송 버튼처럼 기본 동작을 방지하는 메서드

• isDefaultPrevented(): 기본 동작이 방지되었을 때 실행하면 true를 반환한다.

• stopPropagation(): 이벤트 전파 중단

• isPropagationStopped(): 이벤트 전파가 중단되었을 때 실행하면 true를 반환한다.

• type: 태그명 문자열

• persist(): 합성 이벤트를 이벤트 풀에서 꺼낸 후 사용자 코드에서 이벤트에 대한 참조를 유지할 수 있도록 한다.

• isPersistent(): 합성 이벤트를 이벤트 풀에서 꺼낸 경우 실행하면 true를 반환한다.