grungnet/src/hooks/usePreventTouch.ts
Mitchell McCaffrey c7b8990a7b Typescript
2021-07-16 16:58:14 +10:00

23 lines
543 B
TypeScript

import { useEffect } from "react";
function usePreventTouch(elementRef: React.RefObject<HTMLElement>) {
useEffect(() => {
// Stop 3d touch
function prevent3DTouch(event: TouchEvent) {
event.preventDefault();
}
const element = elementRef.current;
if (element) {
element.addEventListener("touchstart", prevent3DTouch, false);
}
return () => {
if (element) {
element.removeEventListener("touchstart", prevent3DTouch);
}
};
}, [elementRef]);
}
export default usePreventTouch;