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;
}
您可能感兴趣的文章:
相关文章
Eval and new funciton not the same thing
以前有人会说,new Function的方式是几乎与eval相等,今天我查了一下,确实是不同的东西,说这句话的人太不负责了。关于eval和new function,得到的结果都是一致的,都会叫你不要去使用它们。所以结论就是“不得不”才使用2012-12-12html+javascript+bootstrap实现层级多选框全层全选和多选功能
想做一个先按层级排序并可以多选的功能,首先倾向于用多层标签式的,直接选定加在文本域里,接下来通过本文给大家介绍html+javascript+bootstrap实现层级多选框全层全选和多选功能,需要的朋友参考下2017-03-03javascript版的in_array函数(判断数组中是否存在特定值)
这篇文章主要介绍了javascript版的in_array函数(判断数组中是否存在特定值),需要的朋友可以参考下2014-05-05
最新评论