分享自北漂的家园 《获取控件在网页中的绝对位置》

来源:互联网 发布:易语言精易模块源码 编辑:程序博客网 时间:2024/04/28 20:34

来源:http://blog.sina.com.cn/s/blog_450006aa01011w8o.html#bsh-73-390606181

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>获取控件在网页中的绝对位置</title>
</head>

<body>

<div>如果您没有看到按钮,请往下拉到滚动条。</div>
<div style="height:1000px;border:1px solid #6666CC;"> </div>
<input type="button" value="点我获取我的座标" onclick="javascript:var pos = GetObjPos(this);alert('此按钮距页面左端 '+pos.x+' 像素,上端 '+pos.y+' 像素');" />

<script type="text/javascript" language="javascript">
function CPos(x, y)
{
    this.x = x;
    this.y = y;
}

function GetObjPos(ATarget)
{  
   alert(ATarget.offsetLeft);
   var target = ATarget;
    var pos = new CPos(target.offsetLeft, target.offsetTop);
    
    var target = target.offsetParent;
    while (target)
    {
        pos.x += target.offsetLeft;
        pos.y += target.offsetTop;
        
        target = target.offsetParent
    }
    
    return pos;
}
</script>

</body>

</html>

0 0
原创粉丝点击