clientX, clientY，offsetX, offsetY,screenX, screenY, x, y,pageX,pageY的区别

clientX
设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。

clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y
坐标，其中客户区域不包括窗口自身的控件和滚动条。

offsetX 设置或获取鼠标指针位置相对于网页中的某一区域左上角的 x
坐标。

offsetY 设置或获取鼠标指针位置相对于网页中的某一区域的左上角的 y
坐标。

screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x
坐标。

screenY 设置或获取鼠标指针位置相对于用户屏幕的 y
坐标。

x (FF下是pageX)

y (FF下是pageY )
所以，若网页有被滚动(有滚动条且进行了滚动)，则此时鼠标的坐标应为：
event.x等于event.clientX+document.body.scrollLeft;
event.y等于event.clientY+document.body.scrollTop;