프론트엔드 정복하기
React에서 DOM 이벤트 다루기 본문
| 이벤트 분류 | React가 지원하는 이벤트 |
| 마우스 이벤트 | onClick, onContentMenu, onDoubleClick, onDrag, onDragEnd, onDragEnter, onDragExit, onDragLeave, onDragOver, onDragStart, onDrop, onMouseDown, onMouseEnter, onMouseLeave, onMouseMove, onMouseOut, onMouseOver, onMouseUp |
| 키보드 이벤트 | onKeyDown, onKeyPress, onKeyup |
| 클립보드 이벤트 | onCopy, onCut, onPaste |
| 폼 이벤트 | onChange, onInpute, onSubmit, onTnvalid |
| 포커스 이벤트 | onFocus, onBlur |
| 터치 이벤트 | onTouchCancel, onTouchEnd, onTouchMove, onTouchStart |
| UI이벤트 | onScroll |
| 휠 이벤트 | onWheel |
| 영역선택 이벤트 | onSelect |
| 이미지 이벤트 | onLoad, onError |
| 애니메이션 이벤트 | onAnimationStart, onAnimationEnd, onAnimationIteration |
| 트랜지션 이벤트 | onTransitionEnd |
'React > 기본 사용법' 카테고리의 다른 글
| React | Link태그와 a태그 (0) | 2020.10.21 |
|---|---|
| Route 제한적 접근 HOC관리 (0) | 2020.07.24 |
| 클래스 컴포넌트란 (0) | 2020.06.23 |
| DOM에 직접접근을 해야할 때 (0) | 2020.06.22 |
| 웹사이트에 react 추가하기(react 공식사이트) (0) | 2020.06.19 |