listenToNonDelegatedEvent() — react Function Reference

Architecture documentation for the listenToNonDelegatedEvent() function in DOMPluginEventSystem.js from the react codebase.

Function javascript CompilerCore Gating calls 1 called by 4

Entity Profile

CompilerCore→ Gating→ listenToNonDelegatedEvent() — react Function Reference

Dependency Diagram

graph TD
  f60fe1c7_f702_472e_07b7_c06a8d902963["listenToNonDelegatedEvent()"]
  6460468a_b349_1e64_7b2c_98122acf4f0e["DOMPluginEventSystem.js"]
  f60fe1c7_f702_472e_07b7_c06a8d902963 -->|defined in| 6460468a_b349_1e64_7b2c_98122acf4f0e
  438ae541_6ae5_56da_3764_e0fbe2cbfdb7["setProp()"]
  438ae541_6ae5_56da_3764_e0fbe2cbfdb7 -->|calls| f60fe1c7_f702_472e_07b7_c06a8d902963
  f3664b79_d4aa_6f75_476f_310508fea652["setPropOnCustomElement()"]
  f3664b79_d4aa_6f75_476f_310508fea652 -->|calls| f60fe1c7_f702_472e_07b7_c06a8d902963
  67179d73_9067_5546_577d_fb4a19901587["setInitialProperties()"]
  67179d73_9067_5546_577d_fb4a19901587 -->|calls| f60fe1c7_f702_472e_07b7_c06a8d902963
  becc720a_d6e4_9801_f3ba_53c3713502e2["hydrateProperties()"]
  becc720a_d6e4_9801_f3ba_53c3713502e2 -->|calls| f60fe1c7_f702_472e_07b7_c06a8d902963
  8bf3a6d7_43d3_c3e6_47e9_9fcad12e1bf9["addTrappedEventListener()"]
  f60fe1c7_f702_472e_07b7_c06a8d902963 -->|calls| 8bf3a6d7_43d3_c3e6_47e9_9fcad12e1bf9
  style f60fe1c7_f702_472e_07b7_c06a8d902963 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/events/DOMPluginEventSystem.js lines 346–374

export function listenToNonDelegatedEvent(
  domEventName: DOMEventName,
  targetElement: Element,
): void {
  if (__DEV__) {
    if (!nonDelegatedEvents.has(domEventName)) {
      console.error(
        'Did not expect a listenToNonDelegatedEvent() call for "%s". ' +
          'This is a bug in React. Please file an issue.',
        domEventName,
      );
    }
  }
  const isCapturePhaseListener = false;
  const listenerSet = getEventListenerSet(targetElement);
  const listenerSetKey = getListenerSetKey(
    domEventName,
    isCapturePhaseListener,
  );
  if (!listenerSet.has(listenerSetKey)) {
    addTrappedEventListener(
      targetElement,
      domEventName,
      IS_NON_DELEGATED,
      isCapturePhaseListener,
    );
    listenerSet.add(listenerSetKey);
  }
}