欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js获取触发事件元素在整个网页中的绝对坐标(示例代码)_javascript技巧

程序员文章站 2022-03-19 11:40:37
...
如下所示:
复制代码 代码如下:

//返回数组类型
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;
}
相关标签: js 元素坐标