| 導購 | 订阅 | 在线投稿
分享
 
 
 

Javascript獲取某一標簽的座標並返回其座標對象

2008-09-05 07:10:36  編輯來源:互聯網  简体版  手機版  移動版  評論  字體: ||

昨天搞了一個日曆選擇器的小東西,竟然發現以前用的獲取標簽的座標的函數在Firefox下不能執行,比較郁悶。于是花心思整理了一個,現此代碼支持Ie,Firefox,Opera,記錄于此!

javascript獲取座標

function getAbsPoint(e) {

var x = e.offsetLeft;

var y = e.offsetTop;

while(e = e.offsetParent) {

x += e.offsetLeft;

y += e.offsetTop;

}

return {"x": x, "y": y};

}

javascript獲取座標使用方法

<html>

<head>

<meta http-equiv=content-type content="text/html; charset=UTF-8">

<title>phplamp.org</title>

<script type="text/javascript">

function getAbsPoint(e) {

var x = e.offsetLeft;

var y = e.offsetTop;

while(e = e.offsetParent){

x += e.offsetLeft;

y += e.offsetTop;

}

return {"x": x, "y": y};

}

function phplamp(e) {

var xy = getAbsPoint(e);

alert("offsetLeft=" + xy.x + "\noffsetTop=" + xy.y);

}

</script>

</head>

<body>

<input type="button" onclick="phplamp(this)" value="點擊" />

</body>

</html>

昨天搞了一個日曆選擇器的小東西,竟然發現以前用的獲取標簽的座標的函數在Firefox下不能執行,比較郁悶。于是花心思整理了一個,現此代碼支持Ie,Firefox,Opera,記錄于此! javascript獲取座標 function getAbsPoint(e) { var x = e.offsetLeft; var y = e.offsetTop; while(e = e.offsetParent) { x += e.offsetLeft; y += e.offsetTop; } return {"x": x, "y": y}; } javascript獲取座標使用方法 <html> <head> <meta http-equiv=content-type content="text/html; charset=UTF-8"> <title>phplamp.org</title> <script type="text/javascript"> function getAbsPoint(e) { var x = e.offsetLeft; var y = e.offsetTop; while(e = e.offsetParent){ x += e.offsetLeft; y += e.offsetTop; } return {"x": x, "y": y}; } function phplamp(e) { var xy = getAbsPoint(e); alert("offsetLeft=" + xy.x + "\noffsetTop=" + xy.y); } </script> </head> <body> <input type="button" onclick="phplamp(this)" value="點擊" /> </body> </html>
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有