鼠标点击的位置，滚动条，兼容

j经常要计算鼠标当前点击的位置，并且页面经常发生了滚动。这个时候需要考虑浏览器的兼容问题（不兼容的属性，得到的内容为0，比如document.body.scrollTop在chrome可以，但是在IE8下，就提示为0）：

 

//方法1

functionmousePos(e){

  var x,y;

  var e = e||window.event;

  return {

    x:e.clientX+document.body.scrollLeft + document.documentElement.scrollLeft,

    y:e.clientY+document.body.scrollTop + document.documentElement.scrollTop

  };

};

  

//方法2

//Firefox支持属性pageX,与pageY属性，这两个属性已经把页面滚动计算在内了,

//在Chrome可以通过document.body.scrollLeft，document.body.scrollTop计算出页面滚动位移，

//而在IE下可以通过document.documentElement.scrollLeft ，document.documentElement.scrollTop

function getMousePos(event) {

      var e = event || window.event;

      var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;

      var scrollY = document.documentElement.scrollTop || document.body.scrollTop;

      var x = e.pageX || e.clientX + scrollX;

      var y = e.pageY || e.clientY + scrollY;

      return { 'x': x, 'y': y };

    }