1. 首页
  2. JavaScript
  3. React 17 DOM Attributes Events

React 17 DOM Attributes Events

2022/09/17 20:18:01 发表 2022/09/17 20:18:01 更新 原创 雨辰 532 0 0

React 17 全部事件 DOM Attributes Events

  1. // 剪贴板事件
  2. // Clipboard Events
  3. onCopy?: ClipboardEventHandler<T> | undefined;
  4. onCopyCapture?: ClipboardEventHandler<T> | undefined;
  5. onCut?: ClipboardEventHandler<T> | undefined;
  6. onCutCapture?: ClipboardEventHandler<T> | undefined;
  7. onPaste?: ClipboardEventHandler<T> | undefined;
  8. onPasteCapture?: ClipboardEventHandler<T> | undefined;
  10. // 复合事件
  11. // Composition Events
  12. onCompositionEnd?: CompositionEventHandler<T> | undefined;
  13. onCompositionEndCapture?: CompositionEventHandler<T> | undefined;
  14. onCompositionStart?: CompositionEventHandler<T> | undefined;
  15. onCompositionStartCapture?: CompositionEventHandler<T> | undefined;
  16. onCompositionUpdate?: CompositionEventHandler<T> | undefined;
  17. onCompositionUpdateCapture?: CompositionEventHandler<T> | undefined;
  19. // 焦点事件
  20. // Focus Events
  21. onFocus?: FocusEventHandler<T> | undefined;
  22. onFocusCapture?: FocusEventHandler<T> | undefined;
  23. onBlur?: FocusEventHandler<T> | undefined;
  24. onBlurCapture?: FocusEventHandler<T> | undefined;
  26. // 表单事件
  27. // Form Events
  28. onChange?: FormEventHandler<T> | undefined;
  29. onChangeCapture?: FormEventHandler<T> | undefined;
  30. onBeforeInput?: FormEventHandler<T> | undefined;
  31. onBeforeInputCapture?: FormEventHandler<T> | undefined;
  32. onInput?: FormEventHandler<T> | undefined;
  33. onInputCapture?: FormEventHandler<T> | undefined;
  34. onReset?: FormEventHandler<T> | undefined;
  35. onResetCapture?: FormEventHandler<T> | undefined;
  36. onSubmit?: FormEventHandler<T> | undefined;
  37. onSubmitCapture?: FormEventHandler<T> | undefined;
  38. onInvalid?: FormEventHandler<T> | undefined;
  39. onInvalidCapture?: FormEventHandler<T> | undefined;
  41. // 图像事件
  42. // Image Events
  43. onLoad?: ReactEventHandler<T> | undefined;
  44. onLoadCapture?: ReactEventHandler<T> | undefined;
  45. onError?: ReactEventHandler<T> | undefined; // also a Media Event
  46. onErrorCapture?: ReactEventHandler<T> | undefined; // also a Media Event
  48. // 键盘事件
  49. // Keyboard Events
  50. onKeyDown?: KeyboardEventHandler<T> | undefined;
  51. onKeyDownCapture?: KeyboardEventHandler<T> | undefined;
  52. /** @deprecated */
  53. onKeyPress?: KeyboardEventHandler<T> | undefined;
  54. /** @deprecated */
  55. onKeyPressCapture?: KeyboardEventHandler<T> | undefined;
  56. onKeyUp?: KeyboardEventHandler<T> | undefined;
  57. onKeyUpCapture?: KeyboardEventHandler<T> | undefined;
  59. // 媒体事件
  60. // Media Events
  61. onAbort?: ReactEventHandler<T> | undefined;
  62. onAbortCapture?: ReactEventHandler<T> | undefined;
  63. onCanPlay?: ReactEventHandler<T> | undefined;
  64. onCanPlayCapture?: ReactEventHandler<T> | undefined;
  65. onCanPlayThrough?: ReactEventHandler<T> | undefined;
  66. onCanPlayThroughCapture?: ReactEventHandler<T> | undefined;
  67. onDurationChange?: ReactEventHandler<T> | undefined;
  68. onDurationChangeCapture?: ReactEventHandler<T> | undefined;
  69. onEmptied?: ReactEventHandler<T> | undefined;
  70. onEmptiedCapture?: ReactEventHandler<T> | undefined;
  71. onEncrypted?: ReactEventHandler<T> | undefined;
  72. onEncryptedCapture?: ReactEventHandler<T> | undefined;
  73. onEnded?: ReactEventHandler<T> | undefined;
  74. onEndedCapture?: ReactEventHandler<T> | undefined;
  75. onLoadedData?: ReactEventHandler<T> | undefined;
  76. onLoadedDataCapture?: ReactEventHandler<T> | undefined;
  77. onLoadedMetadata?: ReactEventHandler<T> | undefined;
  78. onLoadedMetadataCapture?: ReactEventHandler<T> | undefined;
  79. onLoadStart?: ReactEventHandler<T> | undefined;
  80. onLoadStartCapture?: ReactEventHandler<T> | undefined;
  81. onPause?: ReactEventHandler<T> | undefined;
  82. onPauseCapture?: ReactEventHandler<T> | undefined;
  83. onPlay?: ReactEventHandler<T> | undefined;
  84. onPlayCapture?: ReactEventHandler<T> | undefined;
  85. onPlaying?: ReactEventHandler<T> | undefined;
  86. onPlayingCapture?: ReactEventHandler<T> | undefined;
  87. onProgress?: ReactEventHandler<T> | undefined;
  88. onProgressCapture?: ReactEventHandler<T> | undefined;
  89. onRateChange?: ReactEventHandler<T> | undefined;
  90. onRateChangeCapture?: ReactEventHandler<T> | undefined;
  91. onSeeked?: ReactEventHandler<T> | undefined;
  92. onSeekedCapture?: ReactEventHandler<T> | undefined;
  93. onSeeking?: ReactEventHandler<T> | undefined;
  94. onSeekingCapture?: ReactEventHandler<T> | undefined;
  95. onStalled?: ReactEventHandler<T> | undefined;
  96. onStalledCapture?: ReactEventHandler<T> | undefined;
  97. onSuspend?: ReactEventHandler<T> | undefined;
  98. onSuspendCapture?: ReactEventHandler<T> | undefined;
  99. onTimeUpdate?: ReactEventHandler<T> | undefined;
  100. onTimeUpdateCapture?: ReactEventHandler<T> | undefined;
  101. onVolumeChange?: ReactEventHandler<T> | undefined;
  102. onVolumeChangeCapture?: ReactEventHandler<T> | undefined;
  103. onWaiting?: ReactEventHandler<T> | undefined;
  104. onWaitingCapture?: ReactEventHandler<T> | undefined;
  106. // 鼠标事件
  107. // Mouse Events
  108. onAuxClick?: MouseEventHandler<T> | undefined;
  109. onAuxClickCapture?: MouseEventHandler<T> | undefined;
  110. onClick?: MouseEventHandler<T> | undefined;
  111. onClickCapture?: MouseEventHandler<T> | undefined;
  112. onContextMenu?: MouseEventHandler<T> | undefined;
  113. onContextMenuCapture?: MouseEventHandler<T> | undefined;
  114. onDoubleClick?: MouseEventHandler<T> | undefined;
  115. onDoubleClickCapture?: MouseEventHandler<T> | undefined;
  116. onDrag?: DragEventHandler<T> | undefined;
  117. onDragCapture?: DragEventHandler<T> | undefined;
  118. onDragEnd?: DragEventHandler<T> | undefined;
  119. onDragEndCapture?: DragEventHandler<T> | undefined;
  120. onDragEnter?: DragEventHandler<T> | undefined;
  121. onDragEnterCapture?: DragEventHandler<T> | undefined;
  122. onDragExit?: DragEventHandler<T> | undefined;
  123. onDragExitCapture?: DragEventHandler<T> | undefined;
  124. onDragLeave?: DragEventHandler<T> | undefined;
  125. onDragLeaveCapture?: DragEventHandler<T> | undefined;
  126. onDragOver?: DragEventHandler<T> | undefined;
  127. onDragOverCapture?: DragEventHandler<T> | undefined;
  128. onDragStart?: DragEventHandler<T> | undefined;
  129. onDragStartCapture?: DragEventHandler<T> | undefined;
  130. onDrop?: DragEventHandler<T> | undefined;
  131. onDropCapture?: DragEventHandler<T> | undefined;
  132. onMouseDown?: MouseEventHandler<T> | undefined;
  133. onMouseDownCapture?: MouseEventHandler<T> | undefined;
  134. onMouseEnter?: MouseEventHandler<T> | undefined;
  135. onMouseLeave?: MouseEventHandler<T> | undefined;
  136. onMouseMove?: MouseEventHandler<T> | undefined;
  137. onMouseMoveCapture?: MouseEventHandler<T> | undefined;
  138. onMouseOut?: MouseEventHandler<T> | undefined;
  139. onMouseOutCapture?: MouseEventHandler<T> | undefined;
  140. onMouseOver?: MouseEventHandler<T> | undefined;
  141. onMouseOverCapture?: MouseEventHandler<T> | undefined;
  142. onMouseUp?: MouseEventHandler<T> | undefined;
  143. onMouseUpCapture?: MouseEventHandler<T> | undefined;
  145. // 选取项目变更的事件
  146. // Selection Events
  147. onSelect?: ReactEventHandler<T> | undefined;
  148. onSelectCapture?: ReactEventHandler<T> | undefined;
  150. // 触摸事件
  151. // Touch Events
  152. onTouchCancel?: TouchEventHandler<T> | undefined;
  153. onTouchCancelCapture?: TouchEventHandler<T> | undefined;
  154. onTouchEnd?: TouchEventHandler<T> | undefined;
  155. onTouchEndCapture?: TouchEventHandler<T> | undefined;
  156. onTouchMove?: TouchEventHandler<T> | undefined;
  157. onTouchMoveCapture?: TouchEventHandler<T> | undefined;
  158. onTouchStart?: TouchEventHandler<T> | undefined;
  159. onTouchStartCapture?: TouchEventHandler<T> | undefined;
  161. // 指针事件
  162. // Pointer Events
  163. onPointerDown?: PointerEventHandler<T> | undefined;
  164. onPointerDownCapture?: PointerEventHandler<T> | undefined;
  165. onPointerMove?: PointerEventHandler<T> | undefined;
  166. onPointerMoveCapture?: PointerEventHandler<T> | undefined;
  167. onPointerUp?: PointerEventHandler<T> | undefined;
  168. onPointerUpCapture?: PointerEventHandler<T> | undefined;
  169. onPointerCancel?: PointerEventHandler<T> | undefined;
  170. onPointerCancelCapture?: PointerEventHandler<T> | undefined;
  171. onPointerEnter?: PointerEventHandler<T> | undefined;
  172. onPointerEnterCapture?: PointerEventHandler<T> | undefined;
  173. onPointerLeave?: PointerEventHandler<T> | undefined;
  174. onPointerLeaveCapture?: PointerEventHandler<T> | undefined;
  175. onPointerOver?: PointerEventHandler<T> | undefined;
  176. onPointerOverCapture?: PointerEventHandler<T> | undefined;
  177. onPointerOut?: PointerEventHandler<T> | undefined;
  178. onPointerOutCapture?: PointerEventHandler<T> | undefined;
  179. onGotPointerCapture?: PointerEventHandler<T> | undefined;
  180. onGotPointerCaptureCapture?: PointerEventHandler<T> | undefined;
  181. onLostPointerCapture?: PointerEventHandler<T> | undefined;
  182. onLostPointerCaptureCapture?: PointerEventHandler<T> | undefined;
  184. // UI Events
  185. onScroll?: UIEventHandler<T> | undefined;
  186. onScrollCapture?: UIEventHandler<T> | undefined;
  188. // 鼠标滚轮事件
  189. // Wheel Events
  190. onWheel?: WheelEventHandler<T> | undefined;
  191. onWheelCapture?: WheelEventHandler<T> | undefined;
  193. // 动画事件
  194. // Animation Events
  195. onAnimationStart?: AnimationEventHandler<T> | undefined;
  196. onAnimationStartCapture?: AnimationEventHandler<T> | undefined;
  197. onAnimationEnd?: AnimationEventHandler<T> | undefined;
  198. onAnimationEndCapture?: AnimationEventHandler<T> | undefined;
  199. onAnimationIteration?: AnimationEventHandler<T> | undefined;
  200. onAnimationIterationCapture?: AnimationEventHandler<T> | undefined;
  202. // 过渡事件
  203. // Transition Events
  204. onTransitionEnd?: TransitionEventHandler<T> | undefined;
  205. onTransitionEndCapture?: TransitionEventHandler<T> | undefined;

（完）