표 6-1은 현재 React 버전 15에서 지원하는 이벤트 목록이다. React에서 사용하는 다른 속성들과 일관성을 유지하기 위해 이벤트 이름에 카멜 표기법을 사용한다.
▼ 표 6-1 React 버전 15에서 지원하는 DOM 이벤트1
|
이벤트 분류 |
React가 지원하는 이벤트 |
|
마우스 이벤트 |
onClick, onContextMenu, onDoubleClick, onDrag, onDragEnd, onDragEnter, onDragExit, onDragLeave, onDragOver, onDragStart, onDrop, onMouseDown, onMouseEnter, onMouseLeave, onMouseMove, onMouseOut, onMouseOver, onMouseUp |
|
키보드 이벤트 |
onKeyDown, onKeyPress, onKeyUp |
|
클립보드 이벤트 |
onCopy, onCut, onPaste |
|
폼 이벤트 |
onChange, onInput, onSubmit, onInvalid |
|
포커스 이벤트 |
onFocus, onBlur |
|
터치 이벤트 |
onTouchCancel, onTouchEnd, onTouchMove, onTouchStart |
|
UI 이벤트 |
onScroll |
|
휠 이벤트 |
onWheel |
|
영역선택 이벤트 |
onSelect |
|
이미지 이벤트 |
onLoad, onError |
|
애니메이션 이벤트 |
onAnimationStart, onAnimationEnd, onAnimationIteration |
|
트랜지션 이벤트 |
onTransitionEnd |
1 역주 폼 이벤트의 onInvalid가 공식 문서에는 있으나 원문에 누락되어 있어 추가한다. React 버전 16에서 특별히 추가된 이벤트는 없다.