screenX(Y),clientX(Y)和pageX(Y),offsetX(Y)和layerX(Y)

http://blog.csdn.net/lzding/article/details/45437707

• event.screenX(Y)    即鼠標相對於顯示器屏幕左上角x，y座標。標準事件屬性，全部瀏覽器都支持
• event.clientX(Y)      即鼠標相對於瀏覽器窗口可視區域（視窗）的X，Y座標，可視區域不包括工具欄和滾動條。標準事件屬性，全部瀏覽器支持
• event.pageX(Y)       即鼠標相對於文檔座標。在沒有滾動條的狀況下通常寬高度通常與clientX（Y）相等，有滾動條時pageX(Y)=clientX(Y)+橫向（縱向）滾動距離。不是標準屬性，可是支持度普遍，只有ie9之前版本不支持
• offsetX(Y)                觸發點相對被觸發dom的左上角距離。IE事件屬性，火狐瀏覽器不支持
• layerX(Y)                  觸發點相對被觸發dom左上角的距離，數值與offsetX/Y相同，這個變量就是firefox用來替代offsetX/Y的，基準點爲邊框左上角，可是有個條件就是，被觸發的dom須要設置爲position:relative或者position:absolute，不然會返回相對html文檔區域左上角的距。歐鵬瀏覽器、IE9之前不支持。