用 javascript 获取当页面上鼠标(光标)位置在许多情况下都会用到比如拖放,悬停提示(tooltip) 等等当然,这里我们依然要面对浏览器的兼容问题在不同的浏览器下,对这些相關的属性处理方式也不同本文详细介绍了浏览器在处理这些属性时的差异和最 终的解决方法。
上面的代码我们在 中已经介绍过了由于這个需求我们经常用到,所以我们将这段代码独立成一篇文章供新手查询。
关于代码的详细说明原文中已经介绍,现转到此处:
因为茬这篇文章中我们需要多次获取鼠标位置所以我们设计了一个 mousePosition 函数,它包含一个参数 : event
MSIE 正好相反,它使用 event.clientX 和 event.clientY 表示鼠标相当于窗口的位置而不是文档。在同样的例子中如果你向下滚动500,clientY 依然是 250因此,我们需要添加 scrollLeft 和 scrollTop 这两个相对于文档的属性最后,MSIE 中文档并不是从 00 开始,而是通常有一个小的边框(通常是 2
很幸运我们现在已经用 mousePosition 函数解决了坐标问题,不需为此费心了
IE6下光标会定位在前面:
IE6下光标会萣位在后面:
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。