e.clientX e.clientY 获取鼠标相对于可视区的坐标值（能看到的页面，当鼠标下滑，还是相对于能看到的位置，和整个页面的位置不同，体现在鼠标滑动出现滚动条的时候）
e.offsetX e.offsetY 获取鼠标相对于事件源的坐标值（点击一个div,就是相对于div的坐标）
e.pageX e.pageY 获取鼠标相对于整个页面的坐标值 （鼠标下滑，出现滚动条，它获取的是到当前页面的位置）
e.screenX e.screenY 获取鼠标相对于当前设备的坐标值
使用方式
document.onclick=function(e){
var e=e || event; 后者为了IE的兼容性
console.log(e.clientX , e.clientY) // 打印鼠标点击的位置
}
document.documentElement.clientWidth //获取当前可视区的宽度
document.documentElement.clientHeight //获取当前可视区的高度
