screenX,clientX,pageX,offsetX,的區別

event.screenX、event.screenY

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

event.clientX、event.clientY

鼠標相對於瀏覽器可視區域的X,Y座標（將參照點改爲了瀏覽器內容區域的左上角），可視區域不包括工具欄和滾動條。IE事件和標準事件都定義了這2個屬性

event.pageX、event.pageY

pageX和pageY獲取的是鼠標指針距離文檔（HTML）的左上角距離，會隨着滾動條滾動而改變；

clientX和clientY獲取的是鼠標指針距離可視窗口(不包括上面的地址欄和滑動條)的距離，不會隨着滾動條滾動而改變；

event.offsetX、event.offsetY

這兩個屬性是IE特有的，鼠標相對於「觸發事件的元素」的位置（鼠標相對於事件源元素的X,Y座標）。