多浏览器兼容的获取元素和鼠标的位置的js代码
作者:
获取元素和鼠标的位置(兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera),该功能是我一同事钻研出来的,目标是为了实现与QQ自定义布局和拖放模块类似的功能。
复制代码 代码如下:
//获取元素的位置
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;
您可能感兴趣的文章:
- js判断鼠标位置是否在某个div中的方法
- js获取鼠标点击的位置实现思路及代码
- 基于JavaScript实现 获取鼠标点击位置坐标的方法
- JavaScript取得鼠标绝对位置程序代码介绍
- js与jquery中获取当前鼠标的x、y坐标位置的代码
- Javascript在IE或Firefox下获取鼠标位置的代码
- javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox]
- 用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
- javascript 获取鼠标的绝对位置 event
- JS获得鼠标位置(兼容多浏览器ie,firefox)脚本之家修正版
- JS获取鼠标相对位置的方法