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

Question

我需要获取一个元素相对于整个屏幕的位置，并在外部应用程序中显示一些内容。在HTML网页或Chrome扩展程序中。

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

有没有办法做到这一点？

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。