javascript - 如何捕获这个方 block 的准确位置并在页面重新加载时将其设置在那里？

Question

在这个 jsfiddle 上，可以移动一个正方形。 http://jsfiddle.net/helpme128/mafaotjf/1/

释放鼠标按钮时，x,y 坐标会出现在控制台上。

stop: function (e) {
    console.log("STOPPING");
    console.log(e.clientX); 
    console.log(e.clientY); 

然后我将 e.clientX 和 e.clientY 的数字内容替换为以下代码；

    startX: 200,
    startY: 150,

对于上述情况，e.clientX 等于 200，e.clientY 等于 150。但是，e.clientX e.clientY 不是准确的位置。当页面重新加载时，白色方 block 将移动。如何获得更准确的x,y坐标位置？

Answer 1

因为e.clientX和e.clientY是鼠标光标的坐标。不是白色方 block 。

并且当用户开始拖动时，光标不在白色方 block 的中心(它可以在方 block 的任何地方)。

如果你想要精确的坐标，你必须直接取白色方 block 的坐标。