useHover

跟蹤滑鼠是否在元素上。

Usage

即時編輯器

function Demo() {
  const ref = useRef<HTMLDivElement>(null);
  const hovered = useHover(ref);
  return <div ref={ref}> {hovered ? "是" : "否"}</div>;
};

結果

否

API

useHover

Returns

boolean

Arguments

參數名	描述	類型	預設值
target	dom对象	BasicTarget<T> (必填)	-

BasicTarget

export type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;

TargetValue

type TargetValue<T> = T | undefined | null;

TargetType

type TargetType = HTMLElement | Element | Window | Document | EventTarget;