相对于元素内的鼠标坐标移动元素

Question

我正在用鼠标拖动一个元素，我得到元素的X和Y然后减去一半的高度/宽度：

const newX = X - (width / 2);
const newY = Y - (height / 2);

但是我需要一种方法来获取鼠标在元素内部的坐标，这样拖动点就不是元素的中心，它就是元素首次被点击的地方。

我该怎么做？

感谢。

Answer 1

在click，mousedown，mouseup或mousemove事件中，您可以查看mouseX和mouseY坐标。它们与页面相关，而不是元素。

在这里，您有一个实用的网站，您可以在其中实时测试它：http://www.w3schools.com/jsref/event_clientx.asp

如果你想要它相对于元素，你可以检查这个答案：https://stackoverflow.com/a/10429969/1525495