获取页面内任意对象的位置（x，y）

最新推荐文章于 2021-06-04 02:56:49 发布

weixin_34082177

最新推荐文章于 2021-06-04 02:56:49 发布

阅读量376

点赞数

文章标签：移动开发 javascript ViewUI

原文链接：https://my.oschina.net/houxm/blog/3008081

版权

为什么80%的码农都做不了架构师？>>>

<HTML>
<SCRIPT    language="javascript">
function    getPos(obj)
{
var    pos   =   new    Array();
var    t=obj.offsetTop;
var    l=obj.offsetLeft;
while(obj=obj.offsetParent)
{
t+=obj.offsetTop;
l+=obj.offsetLeft;
}
pos[0]   =    t;
pos[1]   =    l;
return    pos;
}
function    test(obj)
{
var    arr   =   new    Array();
arr   =    getPos(obj);
alert(arr[0]   +   ":"   +    arr[1]);
alert("对象的宽度" + obj.offsetWidth );
alert("对象的高度" + obj.offsetHeight );
}
</SCRIPT>
<BODY>
<IMG    src=""    id="img"    width="100"    height="100"    onClick="test(this)">
</BODY>
</HTML>