關於js滑鼠事件綜合各大瀏覽器能擷取到座標的屬性總共以下五種

標籤：距離   osi   pos   safari   需要   chrome   座標   改變   page   

clientX/Y:

clientX/Y擷取到的是觸發點相對瀏覽器可視地區左上方距離，不隨頁面滾動而改變

相容性：所有瀏覽器均支援

pageX/Y:

pageX/Y擷取到的是觸發點相對文檔地區左上方距離，會隨著頁面滾動而改變

相容性：除IE6/7/8不支援外，其餘瀏覽器均支援

offsetX/Y:

offsetX/Y擷取到是觸發點相對被觸發dom的左上方距離，不過左上方基準點在不同瀏覽器中有區別，其中在IE中以內容區左上方為基準點不包括邊框，如果觸發點在邊框上會返回負值，而chrome中以邊框左上方為基準點。

相容性：IE所有版本，chrome，Safari均完美支援，Firefox不支援

 layerX/Y:

layerX/Y擷取到的是觸發點相對被觸發dom左上方的距離，數值與offsetX/Y相同，這個變數就是firefox用來替代offsetX/Y的，基準點為邊框左上方，但是有個條件就是，被觸發的dom需要設定為position:relative或者position:absolute，否則會返回相對html文檔地區左上方的距離

相容性：IE6/7/8不支援，opera不支援，IE9/10和Chrome、Safari均支援

screenX/Y:

screenX/Y擷取到的是觸發點相對顯示器螢幕左上方的距離，不隨頁面滾動而改變

相容性：所有瀏覽器均支援

關於js滑鼠事件綜合各大瀏覽器能擷取到座標的屬性總共以下五種