JavaScript获取对象在页面中位置坐标的方法
更新时间：2016年02月03日 10:10:12 作者：pythoner
这篇文章主要介绍了JavaScript获取对象在页面中位置坐标的方法,涉及JavaScript操作页面元素属性的相关技巧,需要的朋友可以参考下
本文实例讲述了JavaScript获取对象在页面中位置坐标的方法。分享给大家供大家参考，具体如下：
<script language="javascript" type="text/javascript" >
function getXY(Obj)
{
var h = Obj.offsetHeight;
for (var sumTop=0,sumLeft=0;Obj!=document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent);
sumTop = h+sumTop;
return {left:sumLeft,top:sumTop}
}
</script>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript鼠标操作技巧汇总》、《javascript面向对象入门教程》及《JavaScript数据结构与算法技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
在app中经常会有滚动的跑马灯效果的运用，接下来通过本文给大家介绍使用ionic在首页新闻中应用到的跑马灯效果的实现方法，需要的的朋友参考下2017-02-02
这篇文章主要介绍了JS动态改变表格边框宽度的方法,实例分析了javascript操作table表格中border属性的技巧,需要的朋友可以参考下2015-03-03
今天小编就为大家分享一篇layui use 定义js外部引用函数的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
作用域是当前的执行上下文，值和表达式在其中“可见”或可被访问，本文主要介绍了Javascript局部作用域和全局作用域，文中有详细的代码示例，具有一定的参考价值,需要的朋友可以借鉴一下2023-06-06
这篇文章主要介绍了js、jquery实现列表模糊搜索功能过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了Javascript实现可旋转的圆圈实例代码,可实现圆圈的旋转与运动效果,涉及javascript动态操作页面元素属性及进行相应数学运算的技巧,需要的朋友可以参考下2015-08-08
JavaScript事件代理（委托）一般用于以下情况：1. 事件注册在祖先级元素上，代理其子级元素。可以减少事件注册数量，节约内存开销，提高性能。2. 对js动态添加的子元素可自动绑定事件。本文主要介绍用原生 js 实现该功能。下面跟着小编一起来看下吧2016-12-12
这篇文章主要介绍了新手快速入门JavaScript装饰者模式与AOP,在不改变对象）的情况下动态的为其添加功能,这就是装饰者模式，下面小编带大家来深入学习一下吧2019-06-06
这篇文章主要为大家详细介绍了JS实现长图上下滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要为大家详细介绍了微信小程序实现留言板，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
最新评论