javascript - body 元素的左侧和顶部偏移量为 :auto

Question

我正在尝试通过使用 margin:auto CSS 属性获取一个网站的鼠标相对于 body(即 body = 坐标原点)的位置，该网站的 body 元素大小固定并居中。

由于 event.clientX 和 event.clientY 属性为我提供了从页面开头开始的偏移量，而不是从 body 元素开始的偏移量，因此我尝试将其减去 body 偏移量。为此，我尝试使用 document.body.offsetLeft 和 document.body.offsetTop，但到目前为止运气不好，该值未定义。另外，因为我没有定义它，所以我不能使用 document.body.style.left 或 document.body.style.top。

有谁知道获取 body 偏移量或直接获取鼠标相对于 DOM 元素的坐标的方法吗？

提前致谢!

Answer 1

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

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