aymoc写博客的地方 | aymoc写博客的地方

On this page

概述

公司的低代码平台是打算使用 绝对定位 ,在拖动情况下需要给出对应辅助线来辅助对齐，还要在一定距离内有吸附效果。

实现

首先得让元素动起来使用mousedown``mousemove``mouseup 根据鼠标的事件的信息动态改变元素的 left,top 让其能够被拖动。

js

blockRef.addEventListener("mousedown", () => {
  // 记录起始点
});

document.addEventListener("mousemove", () => {});

document.addEventListener("mouseup", () => {});