使用javascript获取相对于监视器的元素位置

Question

有没有办法获得相对于整个显示器的元素位置（比如一个按钮），而不仅仅是我正在使用的页面？到目前为止我找到的所有解决方案都可以在页面上找到元素的位置，但我想知道我是否能够分辨出按钮在屏幕上的位置，而不仅仅是我的页面。

Answer 1

包括任务栏：

window.screen.availHeight  
window.screen.availWidth

不包括

window.screen.width   
window.screen.height

支持所有主流移动设备，所以如果你知道任务栏所在的位置，可以通过一个简单的计算来计算差异....然后将其应用于jquerys偏移函数：

$('#myElement').offset().top   
$('#myElement').offset().left

或原始js：

var myElement = document.getElementById('myElement');

myElement.offsetTop
myElement.offsetLeft

希望这有帮助！ ：）

Answer 2

您无法知道浏览器在操作系统渲染中的位置。有些浏览器支持它，但不能保证它可以在任何地方使用。在那些支持它的人中，有多个你无法控制的边缘情况（如多个监视器）