多浏览器兼容的获取元素和鼠标的位置的js代码
作者:bea
代码如下: //获取元素的位置 function getLeft(obj) { if (obj == null) return null; var mendingObj = obj; var mendingLeft = mendingObj.offsetLeft; while (mendingObj != null && mendingObj.offsetParent != null && mendingObj.offsetPa
代码如下:
//获取元素的位置
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;
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jQuery Attributes(属性)的使用(二、类篇)
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- Javascript 中介者模式实例
- js textarea自动增高并隐藏滚动条
- jquery 简单的图片展示效果
- javascript 动态设置已知select的option的value值的代码
- javascript获取元素文本内容的通用函数
- javascript 语法基础 想学习js的朋友可以看看
- javascript 倒计时代码
- JavaScript 解析Json字符串的性能比较分析代码
- TextArea 控件的最大长度问题(js json)
- 比较详细的关于javascript 解析json的代码
- JQuery读取XML文件数据并显示的实现代码
- js实现页面打印功能实例代码(附去页眉页脚功能代码)
- 利用图片的 onerror 事件载入默认图片
- jQuery 渐变下拉菜单
- javascript实现的仿51job地址多项选择方式效果
- javascript 日期联动选择器 [其中的一些代码值得学习]
- js checkbox全选并将获取值放到input里边