offsetWidth 返回元素的寬度 包括元素寬度 內邊距和邊框，不包括外邊距 offsetHeight 返回元素的高度 包括元素高度 內邊距和邊框，不包括外邊距 clientWidth 返回元素的寬度 包括元素寬度 內邊距，不包括邊框和外邊距 clientHeight 返回元素的高度 包括元素高度 內邊距，不包括邊框和外邊距 style.width 返回元素的寬度 包括元素寬度，不包括內邊距 ...
2017-09-28 11:40 0 9156 推薦指數：
鼠標事件都是在特定位置發生的，我們可以通過event事件對象的各種屬性來獲得事件發生的坐標位置，有相對於視口的，有相對於整個文檔的，同樣頁面元素的位置也有相對視口的，也有滾動后的，這些都比較容易混淆，所以整理在這里，備忘，待查。 1.客戶區坐標位置（clientX/clientY ...
event.screenX、event.screenY 鼠標相對於用戶顯示器屏幕左上角的X,Y坐標。標准事件和IE事件都定義了這2個屬性 event.clientX、event.clientY 鼠標相對於瀏覽器可視區域的X,Y坐標（將參照點改成了瀏覽器內容區域的左上角），可視區域不包括工具欄 ...
clientX,offsetX,layerX,pageX,screenX,X有時容易記混，通過測試當前的主流瀏覽器疏理了自己的一些看法以供參考。 Chrome下（測試版本為51.0.2704.106 ）： 由上圖可見題目中的6種屬性可分為三大類： 1.鼠標指針 ...
鼠標事件 鼠標事件有下面這幾種： 1. onclick 鼠標點擊事件 box.o ...
關於offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的區別 offsetX、offsetY: 鼠標相對於事件源元素（srcElement）的X,Y坐標 clientX、clientY: 鼠標相對於 ...
平時在測量元素位置時難以確定，下面給出具體的event對象中的各種屬性，以便日后使用。 檢測相對於瀏覽器的位置：clientX和clientY 當鼠標事件發生時，鼠標相對於瀏覽器左上角的位置 檢測相對於文檔的位置 ...
JQuery中： width()方法用於獲得元素寬度； innerWidth()方法用於獲得包括內邊界（padding）的元素寬度； outerWidth()方法用於獲得包括內邊界(padding)和邊框(border)的元素寬度； 如果outerWidth()方法的參數為true則外邊 ...
一.PageX和clientXPageX和clientX ,這個兩個比較容易搞混,PageX:鼠標在頁面上的位置,從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化。可以理解為：相對#（0.0）坐標絕對定位clientX:鼠標在頁面上可視區域的位置,從瀏覽器可視區域左上角開始,即是以瀏覽器 ...
