多浏览器兼容的获取元素和鼠标的位置的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 相关文章推荐
JS焦点图切换,上下翻转
May 12 Javascript
JS获取地址栏参数的小例子
Aug 23 Javascript
对js关键字命名的疑问介绍
Apr 25 Javascript
jQuery中parents()方法用法实例
Jan 07 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
关于TypeScript中import JSON的正确姿势详解
Jul 25 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
Aug 22 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
thinkPHP框架中执行原生SQL语句的方法
2017/10/25 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
Js中获取frames中的元素示例代码
2013/07/30 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
javascript unicode与GBK2312(中文)编码转换方法
2013/11/14 Javascript
JavaScript实现的链表数据结构实例
2015/04/02 Javascript
JQuery对ASP.NET MVC数据进行更新删除
2016/07/13 Javascript
JS动态计算移动端rem的解决方案
2016/10/14 Javascript
详解VueRouter进阶之导航钩子和路由元信息
2017/09/13 Javascript
vue基于mint-ui的城市选择3级联动的示例
2017/10/25 Javascript
js滚轮事件 js自定义滚动条的实现
2020/01/18 Javascript
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
python去掉字符串中重复字符的方法
2014/02/27 Python
Python过滤函数filter()使用自定义函数过滤序列实例
2014/08/26 Python
python3实现跳一跳点击跳跃
2018/01/08 Python
python爬虫正则表达式之处理换行符
2018/06/08 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
在Python中,不用while和for循环遍历列表的实例
2019/02/20 Python
Python中最大递归深度值的探讨
2019/03/05 Python
python中的协程深入理解
2019/06/10 Python
关于pytorch处理类别不平衡的问题
2019/12/31 Python
python用什么编辑器进行项目开发
2020/06/17 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
Web页面中八种创建多列等高(等高列布局)的实现技术
2012/12/24 HTML / CSS
解释一下ArrayList Vector和LinkedList的实现和区别
2013/04/26 面试题
应聘教师推荐信
2013/10/31 职场文书
税务专业毕业生自荐信
2013/11/10 职场文书
优秀班组长事迹
2014/05/31 职场文书
2014最新实习证明模板
2014/10/02 职场文书
公司委托书格式范文
2014/10/09 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
暂住证证明
2015/06/19 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
微信小程序和php的登录实现
2021/04/01 PHP
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python