由於拖動元素中的點，JavaScript 拖放 XY 位置在放下時關閉

Question

當我可以在圖像上放置標記時，我正在嘗試創建一個拖放應用程序。 雖然這是一個 Angular 應用程序，但我使用普通的舊 JS API 進行拖放操作以解決CDK問題。

我可以在圖像周圍移動一個20x20 div 並將其放下並通過設置 div 的頂部/左側樣式來設置圖像上的位置。 但是，我遇到的問題是offset[XY]是鼠標按下的點。 所以如果我抓住左上角，我的 div 就會落在我期望的地方。 如果我抓住中間的 div，那么它會因拖動點偏移而關閉。

我該如何糾正可拖動的這個偏移量？ 或者有更好的解決方案嗎？

Answer 1

我的一位同事想出了一個很好的解決方案。 訂閱 mousedown 事件以查找偏移量，然后進行數學運算。