StarMC/Astral-nook
StarMC/Astral-nook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix the unholy hell that is drag events

Browse source
This commit is contained in:
Dane Everitt 2020-08-22 22:10:16 -07:00
parent 56475d89bb
commit f561089cad
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
3 changed files with 53 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

23
resources/scripts/plugins/useEventListener.ts
View file

@ -1,23 +1,20 @@
import { useEffect, useRef } from 'react';
export default (eventName: string, handler: (e: Event | CustomEvent | UIEvent | any) => void, element: any = window) => {
export default (eventName: string, handler: (e: Event | CustomEvent | UIEvent | any) => void, options?: boolean | EventListenerOptions) => {
const savedHandler = useRef<any>(null);
useEffect(() => {
savedHandler.current = handler;
}, [ handler ]);
useEffect(
() => {
const isSupported = element && element.addEventListener;
if (!isSupported) return;
useEffect(() => {
const isSupported = document && document.addEventListener;
if (!isSupported) return;
const eventListener = (event: any) => savedHandler.current(event);
element.addEventListener(eventName, eventListener);
return () => {
element.removeEventListener(eventName, eventListener);
};
},
[ eventName, element ],
);
const eventListener = (event: any) => savedHandler.current(event);
document.addEventListener(eventName, eventListener, options);
return () => {
document.removeEventListener(eventName, eventListener);
};
}, [ eventName, document ]);
};