import React, { useEffect } from 'react';
const useMouseMove = (
ref: React.MutableRefObject<Element | null>,
eventName: string,
handler: EventListenerOrEventListenerObject,
options?: boolean | AddEventListenerOptions,
) => {
useEffect(() => {
if (!ref?.current?.addEventListener) {
console.log('未匹配到正确的属性');
return;
}
if (!eventName) {
console.error('没有监听事件类型');
return;
}
ref.current.addEventListener(eventName, handler, options);
return () => {
ref.current?.removeEventListener(eventName, handler, options);
};
}, [ref, eventName]);
};
export default useMouseMove;