蒙了嗎？offsetLeft、offsetWidth、scrollTop、scrollWidth、event.pageX

一、offsetHeight || offsetWidth = boder + padding + content

二者都是隻讀屬性，若是想

offsetLeft   offsetTop 通常是相對於offsetParent計算的，也就是第一個定位的父級

二者都是隻讀屬性

offsetTop 與 style.top 的差異

咱們知道 offsetTop 能夠得到 HTML 元素間隔上方或外層元素的地位，style.top 也是能夠的，兩者的差異是：

1. offsetTop 返回的是數字，而 style.top 返回的是字符串，除了數字外還帶有單位：px。
2. offsetTop 只讀，而 style.top 可讀寫。
3. 如果沒有給 HTML 元素指定過 top 樣式，則 style.top 返回的是空字符串。

offsetLeft 與 style.left、offsetWidth 與 style.width、offsetHeight 與 style.height 也是一樣事理。

二、scrollTop、scrollLeft、scrollWidth、scrollHeight

圖上標示了scrollTop && scrollHeight

同理scrollWidth和scrollLeft也是同樣的

三、event.clientX、event.clientY、event.pageX、event.pageY

event.clientX 是目標點距離瀏覽器可視範圍的X軸座標

event.clientY 是目標點距離瀏覽器可視範圍的Y軸座標

event.pageX 是目標點距離document最左上角的X軸座標

event.pageY 是目標點距離document最左上角的Y軸座標