原文：e.screenX，e.clientX ，e.pageX三者的區別
screenX:鼠標位置相對於用戶屏幕水平偏移量，而screenY也就是垂直方向的，此時的參照點也就是原點是屏幕的左上角。 clientX:跟screenX相比就是將參照點改成了瀏覽器內容區域的左上角，該參照點會隨之滾動條的移動而移動。 pageX：參照點也是瀏覽器內容區域的左上角，但它不會隨着滾動條而變動. lt DOCTYPE html PUBLIC W C DTD XHTML . Trans ...
2016-04-19 15:37 0 1715 推薦指數：
相關推薦
event.clientX、event.clientY 鼠標相對於瀏覽器窗口可視區域的X，Y坐標（窗口坐標），可視區域不包括工具欄和滾動條。IE事件和標准事件都定義了這2個屬性 event.pageX、event.pageY 類似於event.clientX、event.clientY，但它 ...
自己開發的公眾號，可以領取淘寶內部優惠券 screenX clientX pageX概念 screenX:鼠標位置相對於用戶屏幕水平偏移量，而screenY也就是垂直方向的，此時的參照點也就是原點是屏幕的左上角。 clientX:跟screenX相比就是將參照點改成了瀏覽器內容區域 ...
= e.pageX || e.clientX + document.body.scroolLeft; ...
手機端拖拽事件： touchstart事件：當手指觸摸屏幕時候觸發，即使已經有一個手指放在屏幕上也會觸發。 touchmove事件：當手指在屏幕上滑動的時候連續地觸發。在這個事件發生期間，調用pr ...
event.screenX、event.screenY 鼠標相對於用戶顯示器屏幕左上角的X,Y坐標。標准事件和IE事件都定義了這2個屬性 event.clientX、event.clientY 鼠標相對於瀏覽器可視區域的X,Y坐標（將參照點改成了瀏覽器內容區域的左上角），可視區域不包括工具欄 ...
鼠標事件 鼠標事件有下面這幾種： 1. onclick 鼠標點擊事件 box.onclick = function(e ...
關於offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的區別 offsetX、offsetY: 鼠標相對於事件源元素（srcElement）的X,Y坐標 clientX、clientY: 鼠標相對於 ...