這幾個屬性的區別說難不難，可是很容易搞混，很長一段時間沒用，發現又忘記區別了，記不清哪個是哪個！真的很抓狂！
區別：
clientX、clientY：
相對於瀏覽器視窗視覺區域的X，Y座標（視窗座標），視覺區域不包括工具列和捲軸。 IE事件和標準事件都定義了這2個屬性。
pageX、pageY：
類似於clientX、clientY，但它們使用的是文檔座標而非視窗座標。這2個屬性不是標準屬性，但得到了廣泛支持。 IE事件中沒有這2個屬性。
offsetX、offsetY：
相對於事件來源元素（srcElement）的X,Y座標，只有IE事件有這2個屬性，標準事件沒有對應的屬性。
screenX、screenY：
相對於使用者顯示器螢幕左上角的X,Y座標。標準事件和IE事件都定義了這2個屬性。
其實這幾個的差別很好記的！其實就是英文單字的意思，不過對於廣大中國人來說會覺得很困惑。
client就是客戶端，客戶端就是瀏覽器，也就是相對瀏覽器的座標。
page就是文檔，也就是相對網頁的座標，也就是相對於瀏覽器視覺區域的座標還要加上捲軸。
offset就是偏移，也就是想相對於來源元素的偏移位置。
screen就是螢幕，也就是相對於螢幕的座標。
這樣就好記了~
