Vue3 组合函数拖拽

代码

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

export function useDragMouse(dom, container) {   let containerX = 0;   let containerY = 0;   let startX = 0;   let startY = 0;   function dragPage(e) {     container.value.style.left = e.pageX - startX + containerX + "px";     container.value.style.top = e.pageY - startY + containerY + "px";   }   dom.value.addEventListener("mousedown", (event) => {     container.value.style.opacity = 0.8;     startX = event.pageX;     startY = event.pageY;     containerX = container.value.offsetLeft;     containerY = container.value.offsetTop;     window.addEventListener("mousemove", dragPage);   });   window.addEventListener("mouseup", () => {     if (!container.value) {       window.removeEventListener("mousemove", dragPage);       return;     }     container.value.style.opacity = 1;     window.removeEventListener("mousemove", dragPage);   }); }