client, offset, screen的区别

clientX, clientY：

是 鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0；

offsetX, offsetY：

是 鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；

screenX, screenY：

是 相对于用户显示器的位置

x, y：

是 鼠标相对于当前浏览器的位置


需要注意：
当你的Html Object的Position 为Absolute或Relative的时候以上的各个属性所起的作用是不一样的。