offsetX各種值總結(jié)

pageX: 頁面X坐標(biāo)位置
pageY: 頁面Y坐標(biāo)位置

screenX: 屏幕X坐標(biāo)位置
screenY: 屏幕Y坐標(biāo)位置

clientX: 鼠標(biāo)的坐標(biāo)到頁面左側(cè)的距離
clientY: 鼠標(biāo)的坐標(biāo)到頁面頂部的距離

clientWidth:可視區(qū)域的寬度
clientHeight:可視區(qū)域的高度

offsetX:鼠標(biāo)坐標(biāo)到元素的左側(cè)的距離
offsetY:鼠標(biāo)坐標(biāo)到元素的頂部的距離

offsetLeft: 該元素外邊框距離包含元素內(nèi)邊框左側(cè)的距離
offsetTop:該元素外邊框距離包含元素內(nèi)邊框頂部的距離

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

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,819評論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,158評論 1 92
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,953評論 0 0
  • 一、CSS入門 1、css選擇器 選擇器的作用是“用于確定(選定)要進(jìn)行樣式設(shè)定的標(biāo)簽(元素)”。 有若干種形式的...
    寵辱不驚丶?xì)q月靜好閱讀 1,729評論 0 6
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,439評論 0 11

友情鏈接更多精彩內(nèi)容