多浏览器兼容的获取元素和鼠标的位置的js代码_Javascript教程-查字典教程网
多浏览器兼容的获取元素和鼠标的位置的js代码
多浏览器兼容的获取元素和鼠标的位置的js代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下://获取元素的位置functiongetLeft(obj){if(obj==null)returnnull;varmend...

复制代码 代码如下:

//获取元素的位置

function getLeft(obj) {

if (obj == null)

return null;

var mendingObj = obj;

var mendingLeft = mendingObj.offsetLeft;

while (mendingObj != null && mendingObj.offsetParent != null && mendingObj.offsetParent.tagName != "BODY") {

mendingLeft = mendingLeft + mendingObj.offsetParent.offsetLeft;

mendingObj = mendingObj.offsetParent;

}

return mendingLeft;

};

function getTop(obj) {

if (obj == null)

return null;

var mendingObj = obj;

var mendingTop = mendingObj.offsetTop;

while (mendingObj != null && mendingObj.offsetParent != null && mendingObj.offsetParent.tagName != "BODY") {

mendingTop = mendingTop + mendingObj.offsetParent.offsetTop;

mendingObj = mendingObj.offsetParent;

}

return mendingTop;

};

//获取鼠标的位置

function getMousePosition(event) {

var position = {

MouseX: 0,

MouseY: 0

}

if (event.pageX != undefined) {

position.MouseX = event.pageX;

position.MouseY = event.pageY;

}

else {

var target = EventUtil.getTarget(event);

position.MouseX = event.offsetX + getLeft(target);

position.MouseY = event.offsetY + getTop(target);

}

return position;

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类