多浏览器兼容的获取元素和鼠标的位置的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 相关文章推荐
快速保存网页中所有图片的方法
Jun 23 Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
Dec 23 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
react native带索引的城市列表组件的实例代码
Aug 08 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
Vue的路由及路由钩子函数的实现
Jul 02 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
Jul 19 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 中文处理函数集合
2008/08/27 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
Jquery easyUI 更新行示例
2014/03/06 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
JS基于递归实现倒计时效果的方法
2016/11/26 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
js Canvas绘制圆形时钟效果
2017/02/17 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
python with statement 进行文件操作指南
2014/08/22 Python
利用python求相邻数的方法示例
2017/08/18 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
浅述python中深浅拷贝原理
2018/09/18 Python
详解Python字典的操作
2019/03/04 Python
python应用文件读取与登录注册功能
2019/09/23 Python
Python %r和%s区别代码实例解析
2020/04/03 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
L’urv官网:精品女性运动服品牌
2019/07/07 全球购物
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
2014/09/09 面试题
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
建筑工程自我鉴定
2013/10/18 职场文书
平面设计师的工作职责
2013/11/21 职场文书
请假条的格式
2014/04/11 职场文书
企业金融服务方案
2014/06/03 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
紧急迫降观后感
2015/06/15 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
幼儿园大班教学反思
2016/03/02 职场文书
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python