多浏览器兼容的获取元素和鼠标的位置的js代码
更新时间:2009年12月15日 17:45:34 作者:
获取元素和鼠标的位置(兼容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获取鼠标相对位置的方法
相关文章
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
这篇文章主要介绍了JS采用ActiveXObject实现用户在提交表单时屏蔽敏感词的功能的相关资料,需要的朋友可以参考下2017-06-06
JavaScript Array对象扩展indexOf()方法
JavaScript中Array对象没有indexOf()方法,可通过下面的代码扩展,需要的朋友可以参考下2014-05-05


最新评论