useMouse
Tracks mouse position on an element or document body.
Import#
import { useMouse } from 'primereact/hooks';
Element#
Hover the mouse over the element to track the mouse position.
X: 0Y: 0
const { ref, x, y } = useMouse();
Reset#
The reset callback is provided to clear the tracked mouse position.
X: 0Y: 0
const { ref, x, y } = useMouse();
Document#
When ref is not used, the document is used as the target.
X: 0Y: 0
const { x, y } = useMouse();
SUMMER SALE2025
Use coupon code PRSM25 at checkout to get 50% OFF everything in PrimeStore and PrimeBlocks.
Learn More