Source: https://primereact.org/hooks/usemouse/

Introducing PrimeReact v11 Alpha 🥁Learn More

• SearchK

• 10.9.7

  • v11(11.0.0)

  • v10(10.9.7)

  • v9(9.6.3)

• HOOK

• API

useMouse

Tracks mouse position on an element or document body.

Import#

---

import { useMouse } from 'primereact/hooks';
         

Copy

Element#

---

Hover the mouse over the element to track the mouse position.

X: 0Y: 0

const { ref, x, y } = useMouse();
         

Copy

Reset#

---

The reset callback is provided to clear the tracked mouse position.

X: 0Y: 0

const { ref, x, y } = useMouse();
         

Copy

Document#

---

When ref is not used, the document is used as the target.

X: 0Y: 0

const { x, y } = useMouse();
         

Copy

• Import

• Element

• Reset

• Document

PrimeReact 10.9.7 by PrimeTek