javascript 擷取滑鼠當前位置的通用方法

由於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的偏置值。