2020-04-12 10:24:03 -04:00
|
|
|
import { useEffect } from "react";
|
|
|
|
|
2021-07-16 02:58:14 -04:00
|
|
|
function usePreventTouch(elementRef: React.RefObject<HTMLElement>) {
|
2020-04-12 10:24:03 -04:00
|
|
|
useEffect(() => {
|
|
|
|
// Stop 3d touch
|
2021-07-16 02:58:14 -04:00
|
|
|
function prevent3DTouch(event: TouchEvent) {
|
2020-04-12 10:24:03 -04:00
|
|
|
event.preventDefault();
|
|
|
|
}
|
|
|
|
const element = elementRef.current;
|
|
|
|
if (element) {
|
|
|
|
element.addEventListener("touchstart", prevent3DTouch, false);
|
|
|
|
}
|
|
|
|
|
|
|
|
return () => {
|
|
|
|
if (element) {
|
|
|
|
element.removeEventListener("touchstart", prevent3DTouch);
|
|
|
|
}
|
|
|
|
};
|
2020-04-12 20:32:26 -04:00
|
|
|
}, [elementRef]);
|
2020-04-12 10:24:03 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
export default usePreventTouch;
|