获取元素的大小和位置、鼠标的位置

参照物：参考视口  参考屏幕

兼容性：ie 和 其他 或者 怪异模式和标准模式

 获取元素的位置

相对于视口：e.pageX || e.clientX e.pageY || e.clientY

相对于屏幕（注意是屏幕，不是浏览器）：e.screenX  e.screenY

窗口滚动的距离

document.documentElement.scrollLeft || document.body.scrollLeft

document.documentElement.scrollTop || document.body.scrollTop

获取鼠标位置（相对于视口）

       //计算鼠标的实时位置
        function getCursorPosition(e){
            var e = e || window.event;
            var x = (e.clientX || e.pageX) + (document.documentElement.scrollLeft || document.body.scrollLeft);
            var y = (e.clientY || e.pageY) + (document.documentElement.scrollTop || document.body.scrollTop);
            return {'x':x,'y':y}
        }

 

参考：http://c.biancheng.net/view/6017.html