Javascript 获取元素的坐标

Javascript 获取元素的坐标,javascript,html,Javascript,Html,如何在onclick事件后获得元素的坐标?我需要在单击的图标下方放置一个覆盖图 Javascript提供了这样的内置函数而不是手动编写函数吗?在YUI中,我使用getXY()函数返回DOM中任何对象的绝对页面位置。YUI2中该函数的源代码如下: 在jQuery中,您可能会使用jQuery对象的.offset()方法: 您可以使用其中的一个,也可以查看它们的实现,看看它们是如何为您自己编写代码的。试试这个: function getGlobalPos(el) { var p = {x:0,y:

如何在onclick事件后获得元素的坐标?我需要在单击的图标下方放置一个覆盖图

Javascript提供了这样的内置函数而不是手动编写函数吗?

在YUI中,我使用getXY()函数返回DOM中任何对象的绝对页面位置。YUI2中该函数的源代码如下:

在jQuery中,您可能会使用jQuery对象的.offset()方法:

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

试试这个:

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

这是一个比看上去更复杂的领域。我建议你使用一个好的图书馆来节省你的时间和麻烦,不管是,还是。他们还会做很多其他的事情来消除浏览器之间的差异,提供实用功能,让你专注于你真正想要构建的东西。您必须在某个事件处理程序中使用
事件
对象来提取元素的位置。@T.J.根据问题历史记录,OP使用的是PrimeFaces,它与jQuery和YUI一起提供。