javascript - 如何获取元素的绝对位置（相对于整个屏幕）

Question

我需要获取元素相对于整个屏幕的位置，并使用外部应用程序在那里显示一些东西。在html 页面或Chrome 扩展中。

完成它的一种方法是让浏览器内部 Y 相对于屏幕。我们已经将window.screenY它指向浏览器窗口的顶部。我们也有window.innerHeight和window.outerHeight。但是，缺少一件重要的事情，那就是window.innerScreenY。我检查了 Mozilla Firefox 并使用它提供了这个值，window.mozInnerScreenY但我不确定哪个版本支持以及其他浏览器是否支持。

那么有没有办法做到这一点？

标签： javascriptbrowsergoogle-chrome-extension

Answer 1

以下代码来自Retrieve the position (X,Y) of an HTML element：

var rect = element.getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left);

在这种情况下，Y 偏移量为rect.top。