Home / Function/ createMouseEvent() — react Function Reference

createMouseEvent() — react Function Reference

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

Function javascript CompilerCore Gating calls 2 called by 11

Entity Profile

Dependency Diagram

graph TD
  355f0012_ddba_5395_d7c6_ff56867e03ee["createMouseEvent()"]
  203a006a_9ee1_69b1_bcd3_fe3b48d7a8d6["domEvents.js"]
  355f0012_ddba_5395_d7c6_ff56867e03ee -->|defined in| 203a006a_9ee1_69b1_bcd3_fe3b48d7a8d6
  d1e45087_1ad5_9c7c_807c_63474b69a218["click()"]
  d1e45087_1ad5_9c7c_807c_63474b69a218 -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  5af18c96_c70f_809d_6ea2_23abc3ccd76f["contextmenu()"]
  5af18c96_c70f_809d_6ea2_23abc3ccd76f -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  28635118_aa8e_2f7f_d3a4_6655527a8b87["dragstart()"]
  28635118_aa8e_2f7f_d3a4_6655527a8b87 -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  f1c6a267_4311_a7c1_28e1_376232b48f9c["virtualclick()"]
  f1c6a267_4311_a7c1_28e1_376232b48f9c -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  acd8fab7_51e8_9e20_24e3_b52a42d6d6d5["mousedown()"]
  acd8fab7_51e8_9e20_24e3_b52a42d6d6d5 -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  2fa306c6_b8d5_fd72_0a2e_31e05e71ebbc["mouseenter()"]
  2fa306c6_b8d5_fd72_0a2e_31e05e71ebbc -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  828077dc_10f5_9e87_d436_6b02f8c2b1ed["mouseleave()"]
  828077dc_10f5_9e87_d436_6b02f8c2b1ed -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  776205d2_d904_8bd3_b6d2_beda2cfecb6a["mousemove()"]
  776205d2_d904_8bd3_b6d2_beda2cfecb6a -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  64977bba_3a8a_5555_c99e_3d5f0ba6700e["mouseout()"]
  64977bba_3a8a_5555_c99e_3d5f0ba6700e -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  2a5203b4_9234_81bc_7732_d7b05ad39e27["mouseover()"]
  2a5203b4_9234_81bc_7732_d7b05ad39e27 -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  685963ff_0570_95a7_3b13_696281f10993["mouseup()"]
  685963ff_0570_95a7_3b13_696281f10993 -->|calls| 355f0012_ddba_5395_d7c6_ff56867e03ee
  a6628ff0_9564_b641_ce37_9dcae993456a["createEvent()"]
  355f0012_ddba_5395_d7c6_ff56867e03ee -->|calls| a6628ff0_9564_b641_ce37_9dcae993456a
  eca71ae0_1059_e370_8a9f_0d747e534df6["createGetModifierState()"]
  355f0012_ddba_5395_d7c6_ff56867e03ee -->|calls| eca71ae0_1059_e370_8a9f_0d747e534df6
  style 355f0012_ddba_5395_d7c6_ff56867e03ee fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/dom-event-testing-library/domEvents.js lines 167–217

function createMouseEvent(
  type,
  {
    altKey = false,
    button = buttonType.none,
    buttons = buttonsType.none,
    ctrlKey = false,
    detail = 1,
    metaKey = false,
    movementX = 0,
    movementY = 0,
    offsetX = 0,
    offsetY = 0,
    pageX,
    pageY,
    preventDefault = emptyFunction,
    screenX,
    screenY,
    shiftKey = false,
    timeStamp,
    x = 0,
    y = 0,
  } = {},
) {
  const modifierState = {altKey, ctrlKey, metaKey, shiftKey};

  return createEvent(type, {
    altKey,
    button,
    buttons,
    clientX: x,
    clientY: y,
    ctrlKey,
    detail,
    getModifierState(keyArg) {
      return createGetModifierState(keyArg, modifierState);
    },
    metaKey,
    movementX,
    movementY,
    offsetX,
    offsetY,
    pageX: pageX || x,
    pageY: pageY || y,
    preventDefault,
    screenX: screenX === 0 ? screenX : x,
    screenY: screenY === 0 ? screenY : y + defaultBrowserChromeSize,
    shiftKey,
    timeStamp,
  });
}

Domain

Subdomains

Frequently Asked Questions

What does createMouseEvent() do?
createMouseEvent() is a function in the react codebase, defined in packages/dom-event-testing-library/domEvents.js.
Where is createMouseEvent() defined?
createMouseEvent() is defined in packages/dom-event-testing-library/domEvents.js at line 167.
What does createMouseEvent() call?
createMouseEvent() calls 2 function(s): createEvent, createGetModifierState.
What calls createMouseEvent()?
createMouseEvent() is called by 11 function(s): click, contextmenu, dragstart, mousedown, mouseenter, mouseleave, mousemove, mouseout, and 3 more.

Analyze Your Own Codebase

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

Try Supermodel Free