多浏览器兼容的获取元素和鼠标的位置的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 19 Javascript
js 深拷贝函数
Dec 04 Javascript
Javascript string 扩展库代码
Apr 09 Javascript
jquery获取input的value问题说明
Aug 19 Javascript
jQuery Tools tab(幻灯片)
Jul 14 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
vue 实现剪裁图片并上传服务器功能
Mar 01 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 Javascript
浅谈vue-props的default写不写有什么区别
Aug 09 Javascript
解决elementui表格操作列自适应列宽
Dec 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
星际争霸任务指南——人族
2020/03/04 星际争霸
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
php for 循环使用的简单实例
2016/06/02 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
phpfpm的作用和用法
2019/10/10 PHP
学习YUI.Ext第五日--做拖放Darg&Drop
2007/03/10 Javascript
jQuery代码优化之基本事件
2011/11/01 Javascript
Jquery 动态循环输出表格具体方法
2013/11/23 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
js获取及修改网页背景色和字体色的方法
2015/12/29 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
DOM事件探秘篇
2017/02/15 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
Vue项目中如何引入icon图标
2018/03/28 Javascript
基于Vue实现拖拽功能
2020/07/29 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
Python实现更改图片尺寸大小的方法(基于Pillow包)
2016/09/19 Python
python使用Turtle库绘制动态钟表
2018/11/19 Python
python读取.mat文件的数据及实例代码
2019/07/12 Python
Python装饰器原理与基本用法分析
2020/01/07 Python
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
佳能英国官方网站:Canon UK
2017/08/08 全球购物
联想西班牙官网:Lenovo西班牙
2018/08/28 全球购物
世界汽车零件:World Car Parts
2019/09/04 全球购物
医学生求职自荐信
2013/10/25 职场文书
学前教育毕业生自荐信范文
2013/12/24 职场文书
药品采购员岗位职责
2014/02/08 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
Java Kafka 消费积压监控的示例代码
2021/07/01 Java/Android
vue 自定义组件添加原生事件
2022/04/21 Vue.js