js获取控件的X绝对坐标

最新推荐文章于 2018-11-15 10:25:27 发布

weixin_34019144

最新推荐文章于 2018-11-15 10:25:27 发布

阅读量321

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tonywang711/archive/2009/12/10/1621271.html

本文介绍了一种通过JavaScript实现的方法，用于获取网页中任意控件的绝对X坐标和Y坐标。该方法考虑了元素层级及定位方式的影响，适用于需要精确定位页面元素的场景。

//获取控件的X绝对坐标

function GetAbsoluteLocationEx(element)
{
    if (arguments.length != 1 || element == null)
    {
        return null;
    }
    var elmt = element;
    var offsetTop = elmt.offsetTop;
    var offsetLeft = elmt.offsetLeft;

    while (elmt = elmt.offsetParent)
    {
        // add this judge
        if (elmt.style.position == 'absolute' || elmt.style.position == 'relative' || (elmt.style.overflow != 'visible' && elmt.style.overflow != ''))
        {
            break;
        }
        offsetTop += elmt.offsetTop;
        offsetLeft += elmt.offsetLeft;


    }
    return { Y: offsetTop, X: offsetLeft };

}