useMouseInElement

Provides the mouse position relative to an element

Demo

Move your mouse around

Usage

const const ref: Kaioken.MutableRefObject<HTMLElement | null>ref = useRef<HTMLElement | null>(initialValue: HTMLElement | null): Kaioken.MutableRefObject<HTMLElement | null> (+2 overloads)useRef<HTMLElement | null>(null)
const const result: {
    x: number;
    y: number;
    elementX: number;
    elementY: number;
    elementPositionX: number;
    elementPositionY: number;
    elementHeight: number;
    elementWidth: number;
    isOutside: boolean;
}result = function useMouseInElement(target: Kaioken.MutableRefObject<HTMLElement | null>): {
    x: number;
    y: number;
    elementX: number;
    elementY: number;
    elementPositionX: number;
    elementPositionY: number;
    elementHeight: number;
    elementWidth: number;
    isOutside: boolean;
}useMouseInElement(const ref: Kaioken.MutableRefObject<HTMLElement | null>ref)