js获取鼠标位置杂谈附多浏览器兼容代码
更新时间：2008年11月27日 14:30:08 作者：
最近在搞一个AJAX的小功能，目的是用浮动div框显示当前鼠标下控件的详细信息，其中获得鼠标位置这块害得我走了很多冤枉路，因为压根没有想到我下面提到的第二点的区别，所以我的页面出来总是找不到我之前定义的那个div
其实获得鼠标位置就是一句话的事情，但是要是不了解浏览器间的区别，整个过程就会让人很郁闷，区别在与：
1.IE下获得x和y轴的距离分别用event.x和event.y；
FF下获得x和y轴的距离分别用event.pageX和event.pageY；
2.IE下用此方法获得的位置是不算滚动条滚过的位置的，即它只会算到浏览器边缘；
FF则会算进滚过去的那些位置；
（这个地方很让我崩溃，为这么点小区别我把所有用到的程序全部重写了一遍，囧死……）
解决1的办法，无非是判断一下浏览器，然后用什么方式；
解决2的办法，是在IE的情况下在x和y轴分别加上document.documentElement.scrollTop和document.documentElement.scrollLeft；
对JS我了解的比较少，如果大家有更好的建议欢迎留言指教！谢谢
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
1.IE下获得x和y轴的距离分别用event.x和event.y；
FF下获得x和y轴的距离分别用event.pageX和event.pageY；
2.IE下用此方法获得的位置是不算滚动条滚过的位置的，即它只会算到浏览器边缘；
FF则会算进滚过去的那些位置；
（这个地方很让我崩溃，为这么点小区别我把所有用到的程序全部重写了一遍，囧死……）
解决1的办法，无非是判断一下浏览器，然后用什么方式；
解决2的办法，是在IE的情况下在x和y轴分别加上document.documentElement.scrollTop和document.documentElement.scrollLeft；
对JS我了解的比较少，如果大家有更好的建议欢迎留言指教！谢谢
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了JS是按值传递还是按引用传递(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
Kotlin学习第一步，从kotlin语法特性开始学习，包括变量定义、函数扩展、Parcelable序列化、编写工具类等，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了webpack中如何加载静态文件的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了js简单网速测试方法,以完整实例形式分析了JavaScript基于网页图片下载进行测试网速的实现技巧,需要的朋友可以参考下2015-12-12
JavaScript中的字符串就是用''或""括起来的字符表示。下面通过本文给大家介绍JavaScript字符串的相关知识，感兴趣的朋友一起看看吧2017-06-06
今天小编就为大家分享一篇layui导出所有数据的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
昨天rank同学向我提出一个问题，在实际应用中有些接口需要提供类似于函数重载的功能，以方便开发者组织代码逻辑，简化使用者调用。2010-08-08
这篇文章主要介绍了Ajax 加载数据，主要是为了查询表的显示，不用嵌入php通过ajax调用，现在手机端的更多显示功能都是通过ajax实现的2017-01-01
Bootstrap Metronic完全响应式管理模板学习笔记
这篇文章主要为大家分享了Bootstrap Metronic完全响应式管理模板学习笔记，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了Bootstrap栅格系统使用方法及页面调整变形的解决方法,需要的朋友可以参考下2017-03-03
最新评论