闲云博客

关注互联网科技,记录编程点滴

javascript 获取鼠标当前位置的通用方法

| 0 comments

由于IE和Firefox对鼠标当前位置获取方法不同(IE为event.x|y,FF为event.pageX|Y),一般采用的是event.clientX代替两者,但当出现滚动条时event.clientX在IE和FF等其它浏览器中的表现会略有不同。下面看看prototypeYUI如何处理这个问题…

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 获取鼠标当前位置的通用方法

Author: Jian Yun

Hi,我是闲云,感谢您阅读我的博客。我是一个微软ASP.NET方面的开发者,写写博客分享下互联网科技方面感兴趣的事和记录自己程序开发中的点点滴滴。 ------“立志难也,不在胜人,在自胜”

发表评论

Required fields are marked *.