JS获取对象绝对位置的实现代码

发布时间:2020-06-12编辑:脚本学堂
本文介绍下js实现获取网页中对象的绝对位置的代码,有需要的朋友,可以参考下。

在网页中可以用[object].offsetLeft和[object].offsetTop获取该对象(object)与其所在容器中的水平及垂直偏移量。

但是,在FF(FireFox)中,它们是返回与BODY的偏移,而在IE中,是其所在容器中的水平及垂直偏移。

如何在IE中也能获得与BODY的偏移呢?因为这个偏移才最有用,找到了这两个偏移,就相当于找到了在页面中的绝对位置。

这里为大家提供一个变通的方法,仅供参考吧。
 

复制代码 代码示例:
<script>
//获取对象绝对位置
//edit www.jb200.com
var posX = objLookingFor.offsetLeft;
var posY = objLookingFor.offsetTop;
var aBox = objLookingFor;//需要获得位置的对象
do {
aBox = aBox.offsetParent;
posX += aBox.offsetLeft;
posY += aBox.offsetTop;
} while( aBox.tagName != "BODY" );
</script>
 

这样,posX与posY就是与BODY的偏移,有兴趣的朋友,亲自动手测试下吧。