Javascript获取某一标签的座标并返回其座标对象

王朝html/css/js·作者佚名  2008-09-05
窄屏简体版  字體: |||超大  

昨天搞了一个日历选择器的小东西,竟然发现以前用的获取标签的座标的函数在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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航