先總結下區別：

#鼠標相對於瀏覽器窗口可視區域的X，Y坐標（窗口坐標），可視區域不包括工具欄和滾動條。
  event.clientX、event.clientY

  #鼠標相對於document文檔區域的x、y坐標。這2個屬性不是標準屬性，但得到了廣泛支持。IE8-的事件中沒有這2個屬性。
  event.pageX、event.pageY

  #鼠標相對於事件源元素（srcElement）的X,Y坐標，只有IE事件有這2個屬性，標準事件沒有對應的屬性。
  event.offsetX、event.offsetY

  #鼠標相對於用戶顯示器屏幕左上角的X,Y坐標。標準事件和IE事件都定義了這2個屬性
 

  event.screenX、event.screenY 

示意圖：參考連接

event、fly.js、購物車特效