如何在屏幕上获取html标签的位置？

Question

  

可能重复：
  Screen Coordinates of a element, via Javascript

所以我需要的是简单 - 找出用户屏幕上的（不是浏览器窗口）元素左上角的位置？

Answer 1

在用户的屏幕上？你不能这样做。我确信你可以使用Java applet或类似代码编写代码，但不能使用JavaScript。

最接近的方法是使用IE上的window.screenX和window.screenY属性以及其他浏览器上的window.screenLeft等属性获取浏览器窗口的位置，然后获取使用方法described here（来自Breezer的答案）的元素的相对偏移量，并将坐标添加到一起。不幸的是，这并没有考虑浏览器中的工具栏或侧边栏，所以这是一个非常简单的粗略估计。如果您需要100％准确，请不要这样做。

Answer 2

如果使用jquery，可以使用http://api.jquery.com/position/ 否则你必须在这里使用偏移量更多关于它 http://www.quirksmode.org/js/findpos.html

Answer 3

看来这毕竟是可能的;请参阅此w3schools项目（IE）以及此其他w3schools（Chrome和FF）。但是，我没有亲自测试过。

在浏览器（ Chrome和FF除外）上，使用window.screenLeft和window.screenTop。 在Chrome和FF上使用window.screenX和window.screenY（我在Chrome中测试了它;它在那里工作）。