registerSimpleEvents() — react Function Reference

Architecture documentation for the registerSimpleEvents() function in DOMEventProperties.js from the react codebase.

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ registerSimpleEvents() — react Function Reference

Dependency Diagram

graph TD
  1319a162_2d9a_61cf_4d68_384a2c0f327f["registerSimpleEvents()"]
  658d2068_647d_6a17_8bb9_0fcce1aac5fc["DOMEventProperties.js"]
  1319a162_2d9a_61cf_4d68_384a2c0f327f -->|defined in| 658d2068_647d_6a17_8bb9_0fcce1aac5fc
  3e699c80_2b7a_1d86_86c2_26909766d188["registerSimpleEvent()"]
  1319a162_2d9a_61cf_4d68_384a2c0f327f -->|calls| 3e699c80_2b7a_1d86_86c2_26909766d188
  style 1319a162_2d9a_61cf_4d68_384a2c0f327f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/events/DOMEventProperties.js lines 128–147

export function registerSimpleEvents() {
  for (let i = 0; i < simpleEventPluginEvents.length; i++) {
    const eventName = ((simpleEventPluginEvents[i]: any): string);
    const domEventName = ((eventName.toLowerCase(): any): DOMEventName);
    const capitalizedEvent = eventName[0].toUpperCase() + eventName.slice(1);
    registerSimpleEvent(domEventName, 'on' + capitalizedEvent);
  }
  // Special cases where event names don't match.
  registerSimpleEvent(ANIMATION_END, 'onAnimationEnd');
  registerSimpleEvent(ANIMATION_ITERATION, 'onAnimationIteration');
  registerSimpleEvent(ANIMATION_START, 'onAnimationStart');
  registerSimpleEvent('dblclick', 'onDoubleClick');
  registerSimpleEvent('focusin', 'onFocus');
  registerSimpleEvent('focusout', 'onBlur');

  registerSimpleEvent(TRANSITION_RUN, 'onTransitionRun');
  registerSimpleEvent(TRANSITION_START, 'onTransitionStart');
  registerSimpleEvent(TRANSITION_CANCEL, 'onTransitionCancel');
  registerSimpleEvent(TRANSITION_END, 'onTransitionEnd');
}