React event names

一、作用

二、导出类型

export type DOMEventName =
  | 'abort'
  //   不是真实事件。这用于事件实验
  | 'afterblur' // Not a real event. This is used by event experiments.
  // 这些带有供应商前缀，所以你应该使用导出的常量：
  // These are vendor-prefixed so you should use the exported constants instead:
  // 'animationiteration' |
  // 'animationend |
  // 'animationstart' |
  //   不是真实事件。这用于事件实验
  | 'beforeblur' // Not a real event. This is used by event experiments.
  | 'beforeinput'
  | 'beforetoggle'
  | 'blur'
  | 'canplay'
  | 'canplaythrough'
  | 'cancel'
  | 'change'
  | 'click'
  | 'close'
  | 'compositionend'
  | 'compositionstart'
  | 'compositionupdate'
  | 'contextmenu'
  | 'copy'
  | 'cut'
  | 'dblclick'
  | 'auxclick'
  | 'drag'
  | 'dragend'
  | 'dragenter'
  | 'dragexit'
  | 'dragleave'
  | 'dragover'
  | 'dragstart'
  | 'drop'
  | 'durationchange'
  | 'emptied'
  | 'encrypted'
  | 'ended'
  | 'error'
  | 'focus'
  | 'focusin'
  | 'focusout'
  | 'fullscreenchange'
  | 'fullscreenerror'
  | 'gotpointercapture'
  | 'hashchange'
  | 'input'
  | 'invalid'
  | 'keydown'
  | 'keypress'
  | 'keyup'
  | 'load'
  | 'loadstart'
  | 'loadeddata'
  | 'loadedmetadata'
  | 'lostpointercapture'
  | 'message'
  | 'mousedown'
  | 'mouseenter'
  | 'mouseleave'
  | 'mousemove'
  | 'mouseout'
  | 'mouseover'
  | 'mouseup'
  | 'paste'
  | 'pause'
  | 'play'
  | 'playing'
  | 'pointercancel'
  | 'pointerdown'
  | 'pointerenter'
  | 'pointerleave'
  | 'pointermove'
  | 'pointerout'
  | 'pointerover'
  | 'pointerup'
  | 'popstate'
  | 'progress'
  | 'ratechange'
  | 'reset'
  | 'resize'
  | 'scroll'
  | 'scrollend'
  | 'seeked'
  | 'seeking'
  | 'select'
  | 'selectstart'
  | 'selectionchange'
  | 'stalled'
  | 'submit'
  | 'suspend'
  //   故意使用驼峰式。非标准。
  | 'textInput' // Intentionally camelCase. Non-standard.
  | 'timeupdate'
  | 'toggle'
  | 'touchcancel'
  | 'touchend'
  | 'touchmove'
  | 'touchstart'
  // These are vendor-prefixed so you should use the exported constants instead:
  //   这些是带有供应商前缀的，因此你应该使用导出的常量：
  // 'transitionrun' |
  // 'transitionstart' |
  // 'transitioncancel' |
  // 'transitionend' |
  | 'volumechange'
  | 'waiting'
  | 'wheel';

三、动画结束

备注

• getVendorPrefixedEventName() 由 getVendorPrefixedEventName 实现

export const ANIMATION_END: DOMEventName =
  getVendorPrefixedEventName('animationend');

四、动画迭代

备注

• getVendorPrefixedEventName() 由 getVendorPrefixedEventName 实现

export const ANIMATION_ITERATION: DOMEventName =
  getVendorPrefixedEventName('animationiteration');

五、动画开始

备注

• getVendorPrefixedEventName() 由 getVendorPrefixedEventName 实现

export const ANIMATION_START: DOMEventName =
  getVendorPrefixedEventName('animationstart');

六、过渡运行

备注

• getVendorPrefixedEventName() 由 getVendorPrefixedEventName 实现

export const TRANSITION_RUN: DOMEventName =
  getVendorPrefixedEventName('transitionrun');

七、过渡开始

备注

• getVendorPrefixedEventName() 由 getVendorPrefixedEventName 实现

export const TRANSITION_START: DOMEventName =
  getVendorPrefixedEventName('transitionstart');

八、过渡取消

备注

• getVendorPrefixedEventName() 由 getVendorPrefixedEventName 实现

export const TRANSITION_CANCEL: DOMEventName =
  getVendorPrefixedEventName('transitioncancel');

九、过渡结束

备注

• getVendorPrefixedEventName() 由 getVendorPrefixedEventName 实现

export const TRANSITION_END: DOMEventName =
  getVendorPrefixedEventName('transitionend');