多浏览器兼容的获取元素和鼠标的位置的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 相关文章推荐
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
Jun 26 Javascript
js实现目录定位正文示例
Nov 14 Javascript
给ListBox添加双击事件示例代码
Dec 02 Javascript
JavaScript定义类和对象的方法
Nov 26 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 Javascript
基于JavaScript代码实现随机漂浮图片广告
Jan 05 Javascript
js和jquery实现监听键盘事件示例代码
Jun 24 Javascript
详解在React里使用"Vuex"
Apr 02 Javascript
微信小程序性能优化之checkSession的使用
Mar 06 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 Javascript
JS实现导航栏楼层特效
Jan 01 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
PHP5/ZendEngine2的改进
2006/10/09 PHP
php中定义网站根目录的常用方法
2010/08/08 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
javaScript复制功能调用实现方案
2012/12/13 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
在JS中解析HTML字符串示例代码
2014/04/16 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
jQuery Mobile操作HTML5的常用函数总结
2016/05/17 Javascript
Js获取图片原始宽高的实现代码
2016/05/17 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
2016/11/18 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
2017/01/23 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
在Js页面通过POST传递参数跳转到新页面详解
2017/08/25 Javascript
12条写出高质量JS代码的方法
2018/01/07 Javascript
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
angularjs中判断ng-repeat是否迭代完的实例
2018/09/12 Javascript
基于axios 的responseType类型的设置方法
2019/10/29 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
vue中实现点击变成全屏的多种方法
2020/09/27 Javascript
Python 第一步 hello world
2009/09/25 Python
Python3+django2.0+apache2+ubuntu14部署网站上线的方法
2018/07/07 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
python 实现简单的计算器(gui界面)
2020/11/11 Python
收集的7个CSS3代码生成工具
2010/04/17 HTML / CSS
建筑工程管理专业自荐信范文
2013/12/28 职场文书
党的群众路线教育实践活动个人整改方案
2014/09/21 职场文书
2014年度个人工作总结范文
2015/03/09 职场文书
2015年社区居委会工作总结
2015/05/18 职场文书
利用JavaScript写一个简单计算器
2021/11/27 Javascript