MrUnknownDE/panel
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/panel.git synced 2026-04-17 22:03:44 +02:00
Code Issues Packages Projects Releases 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
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 ]);
};