定義：元素在屏幕上占用的所有的可見空間
offset parent:包含元素
1.offsetTop 2. offsetLeft 3.offsetHeight 4.offsetWidhth。
offsetParent 屬性指定的父坐標(biāo)的高度
offsetHeight:獲取對象相對于版面或由父坐標(biāo) 。
offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計算左側(cè)位置
offsetTop:獲取對象相對于版面或由屬性指定的父坐標(biāo)的計算頂端位置
1.pageX 2.layerX 3.clientX 4.screenX 5.offsetX
1 、pageX與clientX PageX:鼠標(biāo)在頁面上的位置,從頁面左上角開始,是以頁面為參考點,不隨滑動條移動而變化 clientX:鼠標(biāo)在頁面上可視區(qū)域的位置,從瀏覽器窗口的可視區(qū)域左上角開始,是以瀏覽器滑動條此刻的滑動到的位置為參考點,隨滑動條移動而變化。
2、screenX screenX:鼠標(biāo)在屏幕上的位置,從屏幕左上角開始。
3、layerX與offsetX offsetX:IE特有,鼠標(biāo)相比較于觸發(fā)事件的元素的位置,以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點,如果有boder,可能出現(xiàn)負值 layerX:FF特有,鼠標(biāo)相比較于當(dāng)前坐標(biāo)系的位置,即如果觸發(fā)元素沒有設(shè)置絕對定位或相對定位,以頁面為參考點,如果有,將改變參考坐標(biāo)系,從觸發(fā)元素盒子模型的border區(qū)域的左上角為參考點
clientWidth clientHeight scrollWidth scrollHeight offsetWidth offsetHieght的區(qū)別
clientWidth:元素內(nèi)容區(qū)的寬度加上左右padding的值，如果有滾動條，不包括滾動條的寬度 clientHieght: 元素內(nèi)容區(qū)的高度加上上下padding的值，如果有滾動條，不包括滾動條的高度 scrollLeft:設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離 scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 scrollWidth:獲取對象的滾動寬度 offsetHeight:獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度 offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計算左側(cè)位置 offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計算頂端位置
