offsetX各種值總結

pageX: 頁面X坐標位置
pageY: 頁面Y坐標位置

screenX: 螢幕X坐標位置
screenY: 螢幕Y坐標位置

clientX: 滑鼠的坐標到頁面左側的距離
clientY: 滑鼠的坐標到頁面頂部的距離

clientWidth:可視區域的寬度
clientHeight:可視區域的高度

offsetX:滑鼠坐標到元素的左側的距離
offsetY:滑鼠坐標到元素的頂部的距離

offsetLeft: 該元素外邊框距離包含元素內邊框左側的距離
offsetTop:該元素外邊框距離包含元素內邊框頂部的距離

offsetWidth: width + padding-left + padding-right + border-left + border-right
offsetHeight: height + padding-top + padding-bottom + border-top + border-bottom

offsetParent: 包含元素
可以通過定位改變包含元素



作者:那麽快樂
鏈接://www.jianshu.com/p/c0eae5eed0e9
來源:簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。