编程语言
首页 > 编程语言> > javascript – 查找元素的偏移客户端位置

javascript – 查找元素的偏移客户端位置

作者:互联网

如何使用Javascript查找元素的偏移客户端位置? (我假设相同的代码可以写在BHO或Gecko / NPAPI中).

我面临的问题是找出元素的偏移客户端位置的方法. e.srcElement.offsetX / Y不会始终给出正确的值(对于clientX / Y也是如此).在某些情况下,我们还需要考虑父元素滚动.

我们一般如何做到这一点?有一个简单的方法吗?

解决方法:

function getElementTop ( Elem ) 
{
    var elem;

    if ( document.getElementById ) 
    {   
        elem = document.getElementById ( Elem );
    } 
    else if ( document.all ) 
    {
        elem = document.all[Elem];
    }           

    yPos = elem.offsetTop;
    tempEl = elem.offsetParent;

    while ( tempEl != null ) 
    {
        yPos += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }  

    return yPos;
}   


function getElementLeft ( Elem ) 
{
    var elem;

    if ( document.getElementById ) 
    {
        var elem = document.getElementById ( Elem );
    } 
    else if ( document.all )
    {
        var elem = document.all[Elem];
    }           

    xPos = elem.offsetLeft;
    tempEl = elem.offsetParent;         

    while ( tempEl != null ) 
    {
        xPos += tempEl.offsetLeft;
        tempEl = tempEl.offsetParent;
    }           
    return xPos;
}

将元素id传递给函数.

标签:javascript,position,bho
来源: https://codeday.me/bug/20190726/1547595.html