获得元素的坐标

Question

如何在onclick事件后获取元素的坐标？我需要在点击的图标下方放置一个叠加层。

Javascript是否提供了这样的内置函数，而不是为此手动编写函数？

Answer 1

在YUI中，我使用getXY（）函数返回DOM中任何对象的绝对页面位置。 YUI2中该函数的来源是：http://developer.yahoo.com/yui/docs/Dom.js.html。

在jQuery中，看起来你会使用jQuery对象的.offset（）方法：http://api.jquery.com/offset/。

您可以使用其中一个或查看其实现，看看它们如何编写自己的代码。

Answer 2

试试这个：

function getGlobalPos(el) {
  var p = {x:0,y:0};
  while (el) {
    p.x += el.offsetLeft;
    p.y += el.offsetTop;
    el = el.offsetParent;
  }
  return p;
}