pageX,clientX區別

pageX/pageY:
鼠標相對於整個頁面的X/Y座標。
注意，整個頁面的意思就是你整個網頁的所有，好比說網頁很寬很長，寬2000px，高3000px，那pageX,pageY的最大值就是它們了。
特別說明：IE不支持！

 

//-----------------------------------------------------------

clientX/clientY：
事件發生時鼠標在瀏覽器內容區域的X/Y座標（不包含滾動條）。
瀏覽器內容區域即瀏覽器窗口中用來顯示網頁的可視區域，注意這個可視，也就是說須要拖動滾動條才能看到的區域不算。
當你將瀏覽器窗口縮小時，clientX/clientY的最大值也會縮小，但始終，它們的最大值不會超過你瀏覽器可視區域。
特別說明：IE下此屬性不規範，它們的最小值不是0而是2，也就是說IE下的clientX/clientY比火狐下始終大2px。

 

總結：

若是不考慮兼容性問題，作拖拽或者圖片跟着手錶飛等案例 用page比client效果好