昨天搞了一个日历选择器的小东西,竟然发现以前用的获取标签的座标的函数在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>
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |