clientX,clientY,pageX,pageY,screenX,screenY

clientX和clientY：浏览器视口的位置坐标（和滚动无关）

pageX和pageY：浏览器页面的位置坐标（和滚动有关）

screenX和screenY：浏览器页面的位置坐标(和滚动无关，只和移动浏览器的位置有关，或者缩放浏览器有关)

页面没有发生上下滚动时，clientY==pageY
发生滚动后：clientY < pageY

var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
此时event.pageY=event.clientY+scrollTop;
       event.pageX=event.clientX+scrollLeft;