多浏览器兼容的获取元素和鼠标的位置的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 相关文章推荐
Jquery Post处理后不进入回调的原因及解决方法
Jul 15 Javascript
js中键盘事件实例简析
Jan 10 Javascript
js实现的下拉框二级联动效果
Apr 30 Javascript
AngularJS控制器之间的数据共享及通信详解
Aug 01 Javascript
最全面的JS倒计时代码
Sep 17 Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
Feb 08 Javascript
利用Node.js+Koa框架实现前后端交互的方法
Feb 27 Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
JavaScript enum枚举类型定义及使用方法
May 15 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
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
PHP常用技巧汇总
2016/03/04 PHP
php获取excel文件数据
2017/04/21 PHP
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
2014/06/23 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
AngularJS入门教程之MVC架构实例分析
2016/11/01 Javascript
基于滚动条位置判断的简单实例
2017/12/14 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
vue3.0封装轮播图组件的步骤
2021/03/04 Vue.js
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
Python中利用sqrt()方法进行平方根计算的教程
2015/05/15 Python
Python yield 使用浅析
2015/05/28 Python
Python在线运行代码助手
2016/07/15 Python
Python实现读取txt文件并画三维图简单代码示例
2017/12/09 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
安装python及pycharm的教程图解
2019/10/10 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
基于python 取余问题(%)详解
2020/06/03 Python
Python内置方法和属性应用:反射和单例(推荐)
2020/06/19 Python
Ralph Lauren法国官网:美国高品味时装品牌
2017/12/08 全球购物
经济实惠的豪华家具:My-Furniture
2019/03/12 全球购物
拾金不昧的表扬信
2014/01/16 职场文书
超市仓管员岗位职责
2014/04/07 职场文书
五年级学生评语
2014/04/22 职场文书
职工的安全责任书范文!
2019/07/02 职场文书
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS