invokeEventListeners() — react Function Reference

Architecture documentation for the invokeEventListeners() function in simulateBrowserEventDispatch.js from the react codebase.

Function javascript BabelCompiler Optimization calls 2 called by 1

Entity Profile

BabelCompiler→ Optimization→ invokeEventListeners() — react Function Reference

Dependency Diagram

graph TD
  be0b20e5_61c4_ad85_29c7_9975c5ab309c["invokeEventListeners()"]
  25f70bd8_f112_d04a_4a3f_6a33aba6b460["simulateBrowserEventDispatch.js"]
  be0b20e5_61c4_ad85_29c7_9975c5ab309c -->|defined in| 25f70bd8_f112_d04a_4a3f_6a33aba6b460
  c57044b1_8e5d_8b41_e59b_a52a4de1a86f["_dispatch()"]
  c57044b1_8e5d_8b41_e59b_a52a4de1a86f -->|calls| be0b20e5_61c4_ad85_29c7_9975c5ab309c
  5f9bdee1_5ef6_6ad1_84f6_866ec451180c["wrapperForImpl()"]
  be0b20e5_61c4_ad85_29c7_9975c5ab309c -->|calls| 5f9bdee1_5ef6_6ad1_84f6_866ec451180c
  305baca9_94d3_b953_575b_ea866ba7cb40["innerInvokeEventListeners()"]
  be0b20e5_61c4_ad85_29c7_9975c5ab309c -->|calls| 305baca9_94d3_b953_575b_ea866ba7cb40
  style be0b20e5_61c4_ad85_29c7_9975c5ab309c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/internal-test-utils/simulateBrowserEventDispatch.js lines 252–277

async function invokeEventListeners(struct, eventImpl, phase) {
  const structIndex = eventImpl._path.indexOf(struct);
  for (let i = structIndex; i >= 0; i--) {
    const t = eventImpl._path[i];
    if (t.target) {
      eventImpl.target = t.target;
      break;
    }
  }

  eventImpl.relatedTarget = wrapperForImpl(struct.relatedTarget);

  if (eventImpl._stopPropagationFlag) {
    return;
  }

  eventImpl.currentTarget = wrapperForImpl(struct.item);

  const listeners = struct.item._eventListeners;
  await innerInvokeEventListeners(
    eventImpl,
    listeners,
    phase,
    struct.itemInShadowTree,
  );
}