由于IE和Firefox对鼠标当前位置获取方法不同(IE为event.x|y,FF为event.pageX|Y),一般采用的是event.clientX代替两者,但当出现滚动条时event.clientX在IE和FF中的表现会略有不同。下面看看prototype和YUI如何处理这个问题...
prototype
pointerX:
function(event) {
return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)); }, pointerY: function(event) { return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop)); },
YUI
getPageX: function(ev) { var x = ev.pageX; if (!x && 0 !== x) { x = ev.clientX || 0; if ( this.isIE ) {x += this._getScrollLeft(); } } return x;},getPageY: function(ev) { var y = ev.pageY; if (!y && 0 !== y) { y = ev.clientY || 0; if ( this.isIE ) {y += this._getScrollTop(); } } return y;},
思路都一样,通过判断是否支持某对象来判断浏览器,然后增加Scrol的偏置值。
分享到:
相关推荐
JavaScript获取鼠标位置和鼠标与div的相对位置
javascript获取鼠标当前位置坐标,并显示出来
描述javascript获取鼠标坐标的各种方式,其中有图说明,很清晰,很容易理解!
呵呵,各种获取鼠标位置的方法,很好的, 可以用于上传图片切割啊啥的
在 Javascript 中,可以使用多种方法来获取鼠标的位置信息。例如: 1. 使用 clientX、clientY 等属性来获取鼠标相对于窗口的横、纵坐标。 2. 使用 screenX、screenY 等属性来获取鼠标在屏幕上的横、纵坐标。 3. ...
javascriptjs获取鼠标点击时的坐标位置 只想帮你度过这个问题 加油你也行的
JavaScript 获取鼠标的绝对位置 Event JavaScript 获取鼠标的绝对位置 Event 是一个常见的需求,特别是在开发基于 Web 的应用程序时。要获取鼠标的绝对位置,我们可以使用 JavaScript 事件对象中的PAGE X 和 PAGE Y...
对于javascript获取当前鼠标坐标来说,得对不同浏览器的坐标位置有所了解。具体代码如下: 代码如下:<html> <head> <title>javascript获取当前鼠标坐标</title> <meta http-equiv=”...
JS获取鼠标位置,在IE6.0 和 FF3.0.1 下测试有效。对于返回弹出层,并在鼠标所在位置显示,可以使用。
javascript获取鼠标点击元素对象(示例代码).docx
主要介绍了Javascript 获取鼠标当前的位置实现方法的相关资料,需要的朋友可以参考下
在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊...
主要介绍了javascript实时获取鼠标坐标值并显示的方法,涉及javascript操作鼠标事件的相关技巧,非常具有实用价值,需要的朋友可以参考下
个体实现内容: 1、当需求为获得的坐标值相对于body时实现方法 2、当需求为获得的坐标值相对于某一对象时实现方法
范例使用SuperMap iClient 6R for JavaScript开发模式,使用MousePosition控件实现鼠标移动到地图上展示实际的地理坐标。
使用JavaScript获取客户端的鼠标坐标信息
本文实例讲述了js获取鼠标位置的方法。分享给大家供大家参考,具体如下: 用 javascript 获取当前页面上鼠标(光标)位置在许多情况下都会用到,比如拖放,悬停提示(tooltip) 等等。当然,这里我们依然要面对...
介绍了javascript获取鼠标位置部分的实例代码,有需要的朋友可以参考一下