多浏览器兼容的获取元素和鼠标的位置的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 相关文章推荐
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
Oct 12 Javascript
使用jQuery动态加载js脚本文件的方法
Apr 03 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
微信小程序系列之自定义顶部导航功能
May 21 Javascript
Vue 子组件与数据传递问题及注意事项
Jul 11 Javascript
小程序实现分类页
Jul 12 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 Javascript
jQuery+ajax实现文件上传功能
Dec 22 jQuery
Vue组件化(ref,props, mixin,.插件)详解
May 15 Vue.js
讨论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编程开发“虚拟域名”系统
2006/10/09 PHP
一个分页的论坛
2006/10/09 PHP
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
php实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
探讨:php中在foreach中使用foreach ($arr as &$value) 这种类型的解释
2013/06/24 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
js比较和逻辑运算符的介绍
2013/03/10 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
2015/12/23 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
如何获取元素的最终background-color
2017/02/06 Javascript
js/jq仿window文件夹框选操作插件
2017/03/08 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
详解vue项目接入微信JSSDK的坑
2018/12/14 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
Python中的支持向量机SVM的使用(附实例代码)
2019/06/26 Python
django自带调试服务器的使用详解
2019/08/29 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
python3.4中清屏的处理方法
2020/07/06 Python
基于Python实现简单学生管理系统
2020/07/24 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
咖啡店自主创业商业计划书
2014/01/22 职场文书
代理班主任的自我评价
2014/02/04 职场文书
美国探亲签证邀请信
2014/02/05 职场文书
团购业务员岗位职责
2014/03/15 职场文书
运动会横幅标语
2014/06/17 职场文书
2014年幼儿园德育工作总结
2014/12/17 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
自主招生自荐信范文
2015/03/04 职场文书
2016年党支部公开承诺书
2016/03/25 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书
windows server2008 开启端口的实现方法
2022/06/25 Servers