JQuery 点击控件获取当前坐标时不兼容IE7
现在要求在点击文本框时，获取文本框的坐标，需要相对文本框的位置来显示信息。
思路就是，绑定文本框的click 事件，一旦有点击就触发，去调用clickevent 函数执行计算。
$(‘#txt_m‘).bind(‘click‘, clickevent);
//计算控件的坐标
function clickevent(event){
var t,a;
a = document.getElementById(this.id);
t =
a.offsetTop;
l = a.offsetLeft;
while(a.tagName != "BODY")
{
a =
a.offsetParent;
t = t
+ a.offsetTop;
l = l+
a.offsetLeft;
}
alert("Top:"+t+" , Left:"+l);
}
这样写在除了IE7的浏览器上都能正常执行，但是IE7上就会报错，提示信息为：SCRIPT5007: 无法获取未定义或 null 引用的属性“offsetTop” 。
在360浏览器的 兼容模式下 也无法正常运行，360兼容模式用的内核是IE8，但是默认文档模式为IE7，所以也会出现：无法获取未定义的错误。修改为其他文档模式就能正常运行了。
只能修改为：
$(‘#txt_m‘).bind(‘click‘, clickevent);
//计算控件的坐标
function clickevent(event){
var e =
document.getElementById(this.id);
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("Top:"+t+" , Left:"+l);
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
