react Architecture Docs
Home / Function/ createPointerEvent() — react Function Reference

createPointerEvent() — react Function Reference

Architecture documentation for the createPointerEvent() function in domEvents.js from the react codebase.

Function javascript BabelCompiler Optimization calls 2 called by 10

Entity Profile

Dependency Diagram

graph TD
  597d8a1a_f8f1_99a0_8d2f_b1994803b1f7["createPointerEvent()"]
  fd9d5c95_e738_dee5_e510_e7b1e9e4ea39["domEvents.js"]
  597d8a1a_f8f1_99a0_8d2f_b1994803b1f7 -->|defined in| fd9d5c95_e738_dee5_e510_e7b1e9e4ea39
  01dc0d9f_90fc_ba62_a754_603eb0fd64ae["gotpointercapture()"]
  01dc0d9f_90fc_ba62_a754_603eb0fd64ae -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  18ea192f_83cf_e4ec_33dc_53f1022dc801["lostpointercapture()"]
  18ea192f_83cf_e4ec_33dc_53f1022dc801 -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  7974d444_a5ab_942c_d619_86fa0d14daa3["pointercancel()"]
  7974d444_a5ab_942c_d619_86fa0d14daa3 -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  e448f7c0_43db_5f6c_9e11_aa7deb181024["pointerdown()"]
  e448f7c0_43db_5f6c_9e11_aa7deb181024 -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  3123264a_42c6_3b37_4786_c84b0358b094["pointerenter()"]
  3123264a_42c6_3b37_4786_c84b0358b094 -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  f8296a97_da2d_82a1_9796_f83a736b220d["pointerleave()"]
  f8296a97_da2d_82a1_9796_f83a736b220d -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  7d598ea4_d986_a7bb_877c_a08556e34f75["pointermove()"]
  7d598ea4_d986_a7bb_877c_a08556e34f75 -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  ae94c481_1138_134c_7bb2_389e04811fb0["pointerout()"]
  ae94c481_1138_134c_7bb2_389e04811fb0 -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  6e4d4ce4_d537_3e83_2a2c_81813865fdb9["pointerover()"]
  6e4d4ce4_d537_3e83_2a2c_81813865fdb9 -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  0b56914f_46d1_ad4a_1f97_33d29d21682f["pointerup()"]
  0b56914f_46d1_ad4a_1f97_33d29d21682f -->|calls| 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7
  2c5fd105_0b83_a601_0537_1b23ef1c6096["createEvent()"]
  597d8a1a_f8f1_99a0_8d2f_b1994803b1f7 -->|calls| 2c5fd105_0b83_a601_0537_1b23ef1c6096
  03b96ea9_103d_4a95_3cfc_f705c08e0a02["createGetModifierState()"]
  597d8a1a_f8f1_99a0_8d2f_b1994803b1f7 -->|calls| 03b96ea9_103d_4a95_3cfc_f705c08e0a02
  style 597d8a1a_f8f1_99a0_8d2f_b1994803b1f7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/dom-event-testing-library/domEvents.js lines 66–137

function createPointerEvent(
  type,
  {
    altKey = false,
    button = buttonType.none,
    buttons = buttonsType.none,
    ctrlKey = false,
    detail = 1,
    height,
    metaKey = false,
    movementX = 0,
    movementY = 0,
    offsetX = 0,
    offsetY = 0,
    pageX,
    pageY,
    pointerId,
    pressure = 0,
    preventDefault = emptyFunction,
    pointerType = 'mouse',
    screenX,
    screenY,
    shiftKey = false,
    tangentialPressure = 0,
    tiltX = 0,
    tiltY = 0,
    timeStamp,
    twist = 0,
    width,
    x = 0,
    y = 0,
  } = {},
) {
  const modifierState = {altKey, ctrlKey, metaKey, shiftKey};
  const isMouse = pointerType === 'mouse';

  return createEvent(type, {
    altKey,
    button,
    buttons,
    clientX: x,
    clientY: y,
    ctrlKey,
    detail,
    getModifierState(keyArg) {
      return createGetModifierState(keyArg, modifierState);
    },
    height: isMouse ? 1 : height != null ? height : defaultPointerSize,
    metaKey,
    movementX,
    movementY,
    offsetX,
    offsetY,
    pageX: pageX || x,
    pageY: pageY || y,
    pointerId,
    pointerType,
    pressure,
    preventDefault,
    releasePointerCapture: emptyFunction,
    screenX: screenX === 0 ? screenX : x,
    screenY: screenY === 0 ? screenY : y + defaultBrowserChromeSize,
    setPointerCapture: emptyFunction,
    shiftKey,
    tangentialPressure,
    tiltX,
    tiltY,
    timeStamp,
    twist,
    width: isMouse ? 1 : width != null ? width : defaultPointerSize,
  });
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does createPointerEvent() do?
createPointerEvent() is a function in the react codebase, defined in packages/dom-event-testing-library/domEvents.js.
Where is createPointerEvent() defined?
createPointerEvent() is defined in packages/dom-event-testing-library/domEvents.js at line 66.
What does createPointerEvent() call?
createPointerEvent() calls 2 function(s): createEvent, createGetModifierState.
What calls createPointerEvent()?
createPointerEvent() is called by 10 function(s): gotpointercapture, lostpointercapture, pointercancel, pointerdown, pointerenter, pointerleave, pointermove, pointerout, and 2 more.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free