获取具有边距的body元素的左侧和顶部偏移:auto

Question

我试图获得相对于身体的鼠标位置(即身体=坐标原点)为一个网站,它的身体元素大小固定,并使用margin:auto CSS属性居中.

由于event.clientX和event.clientY属性给出了从页面开头的偏移量,而不是从body元素,我试图将它减去身体偏移量.为此,我尝试使用document.body.offsetLeft和document.body.offsetTop,但到目前为止没有运气,该值未定义.此外,由于我没有定义它,我不能使用document.body.style.left或document.body.style.top.

有人知道一种获取身体偏移的方法或直接获取相对于DOM元素的鼠标坐标吗？

先感谢您!

Answer 1

使用element.getBoundingClientRect()以获取元素的相对偏移:

var bodyOffsets = document.body.getBoundingClientRect();
//bodyOffsets.top   ;
//bodyOffsets.left  ;