JavaScript drop n drop XY location (由于拖动元素中的点而禁用时)drop n drop XY位置

Question

当我可以在图像上放置一个标记时，我正在尝试创建一个拖放应用程序。虽然这是一个Angular应用程序，但我使用简单的老式JS来处理CDK的拖放问题。

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

如何校正可拖动对象的此偏移量？或者有更好的解决方案？

Answer 1

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