由于拖动元素中的点，JavaScript 拖放 XY 位置在放下时关闭

Question

当我可以在图像上放置标记时，我正在尝试创建一个拖放应用程序。 虽然这是一个 Angular 应用程序，但我使用普通的旧 JS API 进行拖放操作以解决CDK问题。

我可以在图像周围移动一个20x20 div 并将其放下并通过设置 div 的顶部/左侧样式来设置图像上的位置。 但是，我遇到的问题是offset[XY]是鼠标按下的点。 所以如果我抓住左上角，我的 div 就会落在我期望的地方。 如果我抓住中间的 div，那么它会因拖动点偏移而关闭。

我该如何纠正可拖动的这个偏移量？ 或者有更好的解决方案吗？

Answer 1

我的一位同事想出了一个很好的解决方案。 订阅 mousedown 事件以查找偏移量，然后进行数学运算。