首先先来看这一张图

在这种图中，盒子的大小为512px，并且margin-left:-250px margin-top:140px;并通过一些样式让其在中部显示。

这些样式都不是重要的，这里加个margin是为了让其出现拖拽的时候出现鼠标偏移，好做演示而已，不然margin：0 auto 就可以实现盒子的居中。

首先通过offsetLeft的方法获取到盒子的偏移值，然后在通过clientX,clientY获取到鼠标的坐标，通过当前坐标减去offsetLeft的坐标就可以获取鼠标在div里面的。

具体数值，也就是鼠标应该在的地方，这个时候拖拽的时候回出现鼠标偏移的现象，没错，这是margin值搞的鬼，margin也是盒子的一部分，所有要获取到鼠标在盒子里面的位置的话，加上的margin要减掉

减掉的margin要加上，这个是我根据思路得到的代码，可以参考一下，大神请忽悠

 来自：https://www.cnblogs.com/wikina/p/10177117.html

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/1704