今天图老师小编给大家介绍下Javascript获取某一标签的座标并返回其座标对象,平时喜欢Javascript获取某一标签的座标并返回其座标对象的朋友赶紧收藏起来吧!记得点赞哦~
【 tulaoshi.com - Web开发 】
昨天搞了一个日历选择器的小东西,竟然发现以前用的获取标签的座标的函数在Firefox下不能执行,比较郁闷。于是花心思整理了一个,现此代码支持Ie,Firefox,Opera,记录于此!
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)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"
titlephplamp.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 + "offsetTop=" + xy.y);
}
/script
/head
body
input type="button" onclick="phplamp(this)" value="点击" /
/body
/html
来源:http://www.tulaoshi.com/n/20160219/1626114.html
看过《Javascript获取某一标签的座标并返回其座标对象》的人还看了以下文章 更多>>