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;