/* eslint-disable unicorn/prefer-add-event-listener */
|
let isDragging = false;
|
|
export declare interface IOptions {
|
drag?: (event: Event) => void;
|
end?: (event: Event) => void;
|
start?: (event: Event) => void;
|
}
|
|
export default function draggable(ele: HTMLElement, options: IOptions) {
|
const moveFun = function (event: Event) {
|
options?.drag?.(event);
|
};
|
|
const upFun = function (event: Event) {
|
document.removeEventListener('mousemove', moveFun);
|
document.removeEventListener('mouseup', upFun);
|
document.onselectstart = null;
|
document.ondragstart = null;
|
|
isDragging = false;
|
|
options?.end?.(event);
|
};
|
|
ele.addEventListener('mousedown', (event: Event) => {
|
if (isDragging) return;
|
|
document.addEventListener('mousemove', moveFun);
|
document.addEventListener('mouseup', upFun);
|
document.onselectstart = () => false;
|
document.ondragstart = () => false;
|
|
isDragging = true;
|
|
options?.start?.(event);
|
});
|
}
|
