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

Javascript教程 2025-08-05

如下所示:

复制代码代码如下:

//返回数组类型

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;

}