多浏览器兼容的获取元素和鼠标的位置的js代码


Posted in Javascript onDecember 15, 2009
//获取元素的位置 
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 学习之旅 (2)
Feb 05 Javascript
Javascript 定时器调用传递参数的方法
Nov 12 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
Oct 14 Javascript
JS动态添加Table的TR,TD实现方法
Jan 28 Javascript
javaScript中with函数用法实例分析
Jun 08 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
vue2.0与bootstrap3实现列表分页效果
Nov 28 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 Javascript
vue中echarts引入中国地图的案例
Jul 28 Javascript
讨论javascript(一)工厂方式 js面象对象的定义方法
Dec 15 #Javascript
查询绑定数据岛的表格中的文本并修改显示方式的js代码
Dec 15 #Javascript
jquery自动完成插件(autocomplete)应用之PHP版
Dec 15 #Javascript
Javascript attachEvent传递参数的办法
Dec 14 #Javascript
firefox下对ajax的onreadystatechange的支持情况分析
Dec 14 #Javascript
javascript document.execCommand() 常用解析
Dec 14 #Javascript
JQuery Tips(3) 关于$()包装集内元素的改变
Dec 14 #Javascript
You might like
Smarty模板快速入门
2007/01/04 PHP
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
js 中 document.createEvent的用法
2010/08/29 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
Python cookbook(数据结构与算法)通过公共键对字典列表排序算法示例
2018/03/15 Python
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
Python 实现将numpy中的nan和inf,nan替换成对应的均值
2020/06/08 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
Python面试题:Python是如何进行内存管理的
2014/08/04 面试题
函授自我鉴定
2013/11/06 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
2014年节能工作总结
2014/12/18 职场文书
大足石刻导游词
2015/02/02 职场文书
事业单位工作人员年度考核个人总结
2015/02/12 职场文书
德能勤绩工作总结
2015/08/11 职场文书
体育委员竞选稿
2015/11/21 职场文书
高中英语教学反思范文
2016/03/02 职场文书
导游词之五台山
2019/10/11 职场文书
导游词之日月潭
2019/11/05 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python
python常见的占位符总结及用法
2021/07/02 Python
javascript Number 与 Math对象的介绍
2021/11/17 Javascript
JavaScript设计模式之原型模式详情
2022/06/21 Javascript