js获取触发事件元素在整个网页中的绝对坐标(示例代码)
更新时间:2013年12月13日 10:20:05 作者:
这篇文章主要介绍了js获取触发事件元素在整个网页中的绝对坐标。需要的朋友可以过来参考下,希望对大家有所帮助
如下所示:
//返回数组类型
function findPosition(oElement) {//oElement 当前元素
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
posX += oElement.offsetLeft;
posY += oElement.offsetTop;
}
}
var array = [posX, posY];
return array;
}
//获取触发事件的控件在整个页面的绝对的X坐标
function findPositionX(oElement) {
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posX = 0; oElement; oElement = oElement.offsetParent)
{
posX += oElement.offsetLeft;
}
}
return posX;
}
//获取触发事件的控件在整个页面的绝对的Y坐标
function findPositionY(oElement) {
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posY = 0; oElement; oElement = oElement.offsetParent) {
posY += oElement.offsetTop;
}
}
return posY;
}
复制代码 代码如下:
//返回数组类型
function findPosition(oElement) {//oElement 当前元素
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
posX += oElement.offsetLeft;
posY += oElement.offsetTop;
}
}
var array = [posX, posY];
return array;
}
//获取触发事件的控件在整个页面的绝对的X坐标
function findPositionX(oElement) {
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posX = 0; oElement; oElement = oElement.offsetParent)
{
posX += oElement.offsetLeft;
}
}
return posX;
}
//获取触发事件的控件在整个页面的绝对的Y坐标
function findPositionY(oElement) {
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posY = 0; oElement; oElement = oElement.offsetParent) {
posY += oElement.offsetTop;
}
}
return posY;
}
您可能感兴趣的文章:
相关文章
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
这篇文章主要介绍了javascript基于牛顿迭代法实现求浮点数的平方根,简单说明了牛顿迭代法的原理,并结合实例分析了javascript基于递归的数值运算相关操作技巧,需要的朋友可以参考下2017-09-09
javascript showModalDialog 内跳转页面的问题
在页面中使用了showModalDialog,但是在跳转链接时,不会在当前页执行,而是弹出一个新的页面。2010-11-11


最新评论