在IE和FF下能用的，獲取按鈕在網頁中的絕對位置
<!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://elf8848.javaeye.com/blog/227557
posted on 2009-10-28 11:48
becket_zheng 閱讀(188)
評論(0) 編輯 收藏 所屬分類:
網頁web前端技術