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来实现所谓的收藏，感兴趣的朋友可以参考下2013-10-10
flatpickr 是一个轻量级、注重精益、由 UX 驱动和可扩展的 JavaScript 日期时间选择器。这篇文章主要介绍了JavaScript 日期时间选择器,需要的朋友可以参考下2018-04-04
javascript-hashchange事件和历史状态管理实例分析
这篇文章主要介绍了javascript-hashchange事件和历史状态管理,结合实例形式分析了javascript-hashchange基本功能、原理及历史状态管理相关操作技巧,需要的朋友可以参考下2020-04-04
新年即将来临，本文将为大家介绍一个基于JavaScript实现的页面特效：烟花秀+春节随机祝福语。文中的示例代码讲解详细，感兴趣的可以了解一下2022-01-01
js 开发之autocomplete="off"在chrom中失效的解决办法
这篇文章主要介绍了js 开发之autocomplete="off"在chrom中失效的解决办法的相关资料,希望通过本文能帮助到大家，解决遇到这样的问题，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了JS数组Reduce方法功能与用法,结合实例形式详细分析了JS数组Reduce方法操作数组统计、去重等相关操作技巧,需要的朋友可以参考下2020-04-04
本文将详细介绍js移除事件 js绑定事件的实现过程，需要了解的朋友可以参考下2012-11-11
这篇文章主要为大家详细介绍了基于JavaScript实现左右轮播图的具体代码，具有一定的参考价值，感兴趣的朋友可以参考一下2017-01-01
这篇文章主要为大家详细介绍了ionic2.0双击返回键退出应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
这篇文章主要介绍了JavaScript随机生成颜色的方法的相关资料,非常不错，代码简单易懂，具有参考借鉴价值，需要的朋友可以参考下2016-10-10
最新评论