您的位置：首页 > 其它

获取控件在网页中的绝对位置

2015-09-10 13:16 302 查看

在IE和FF下能用的，获取按钮在网页中的绝对位置

Html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>获取控件在网页中的绝对位置</title>

</head>

<body>

<div>如果您没有看到按钮，请往下拉到滚动条。</div>

<div style="height:500px;border:1px solid #6666CC;">　</div>

------------<input type="button" value="点我获取我的座标"

onclick="javascript:var pos = getCoordinate();alert('此按钮距页面左端 '+pos.x+' 像素，上端 '+pos.y+' 像素');" />



<script type="text/javascript" language="javascript">

function CPos(x, y)

{

    this.x = x;

    this.y = y;

}



// 取得事件（通用）

function $EVENTObject()

{

    if(window.event) return window.event;

    var f=$EVENTObject.caller;

    while(f!=null)

    {

        var e = f.arguments[0];

        if(e && (e.constructor==MouseEvent||e.constructor==Event||e.constructor==KeyboardEvent)) return e;

        ff=f.caller;

    }

}



//取得触发本事件的元素（通用）

function getElement()

{

    var _enent=$EVENTObject();

    if(window.event)

    {

        return _enent.srcElement;  //是IE

    }else{

        return _enent.target;  //是FF

    }



}



//取得调用本方法的按钮  距离页面最上端和最左端的位置

function getCoordinate()

{

    var target =getElement();

    var pos = new CPos(target.offsetLeft, target.offsetTop);



    var targettarget = target.offsetParent;

    while (target)

    {

        pos.x += target.offsetLeft;

        pos.y += target.offsetTop;



        targettarget = target.offsetParent

    }

    return pos;

}

</script>

</body>

</html>

伦理片 http://www.dotdy.com/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航