通常需要到获取页面元素相对窗口的位置:
function getObjPos(obj)
{
var x = y = 0;
if (obj.getBoundingClientRect)
{
var box = obj.getBoundingClientRect();
var D = document.documentElement;
x = box.left + Math.max(D.scrollLeft, document.body.scrollLeft) - D.clientLeft;
y = box.top + Math.max(D.scrollTop, document.body.scrollTop) - D.clientTop;
}
else
{
for(; obj != document.body; x += obj.offsetLeft, y += obj.offsetTop, obj = obj.offsetParent );
}
return {'x':x, 'y':y};
}
获取鼠标位置:
function getCurPos(e)
{
e = e || window.event;
var D = document.documentElement || document.body;
if (e.pageX) return {x: e.pageX, y: e.pageY};
return {
x: e.clientX + D.scrollLeft - D.clientLeft,
y: e.clientY + D.scrollTop - D.clientTop
};
}
event.pageX 和 event.pageY 来表示鼠标相对于文档的位置,MSIE 正好相反,它使用 event.clientX 和 event.clientY 表示鼠标相当于窗口的位置,而不是文档。所以需要添加 scrollLeft 和 scrollTop 这两个相对于文档的属性。MSIE 中文档并不是从 0,0 开始,而是通常有一个小的边框(通常是 2 象素),边框的大小定义在 document.body.clientLeft 和 clientTop 中,把这些减去。
obj.getBoundingClientRect()方法获取对象相对浏览器视窗的位置。返回对应的4个值。
分享到:
相关推荐
NULL 博文链接:https://mutongwu.iteye.com/blog/1425322
C++ builder 网页元素获取实例 源代码
js getBoundingClientRect() 来获取页面元素的位置.docx
主要介绍了Vue获取页面元素的相对位置的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
获取指定网页内的用户昵称等,并且按照类型填写表单,有实例,vc2008,绝对可以运行,两个菜单按钮分别为获取和填写,获取后的东东保存在本地盘内,仅供学习别做他用。
命令行下调用curl获取网页信息,例如在Java servlet中使用response.getWriter().print("success") curl就可以获取到"success",并保存到check.txt中,再从check.txt中读取数据,并做判断
一些关于获取页面元素实际宽高的属性的使用
网页元素位置(scroll、client、offsetWidth等)获取、设置详解
用于获取网页信息!利用WebBrowser获取网页信息
通过获取网页的DOM操作网页元素喜欢VB的朋友,相信它肯定可以提高编码的效率!
易语言模块取网页元素.rar 易语言模块取网页元素.rar 易语言模块取网页元素.rar 易语言模块取网页元素.rar 易语言模块取网页元素.rar 易语言模块取网页元素.rar
Javascript元素位置、大小、鼠标定位操作
主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
this.$refs[‘通过设置ref获取到的dom元素’].getBoundingClientRect(); //示例: 获取元素距离顶部的距离 this.$refs.journalUpward.getBoundingClientRect().top 以上这篇vue获取元素宽、高、距离左边距离,右,上...
在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。 本文会详述各种获取 DOM 元素绝对...
本文实例讲述了jQuery获取页面元素绝对与相对位置的方法。分享给大家供大家参考。具体如下: 获取页面某一元素的绝对X,Y坐标,可以用offset()方法: var X = $('#DivID').offset().top; var Y = $('#DivID').offset...
BHO源码,网页元素获取与控制
代码如下: //取得元素x坐标 function pageX(elem) { return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft; } //取得元素y坐标 function pageY(elem) { return elem.offsetParent?...
父页面动态的获取子页面的元素,以及弹出子页面的时候获取父页面的元素;
如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有...元素多层嵌套,JS获取问题</title> </head> <body> <span>span <span>span <span>1 <spa