亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

關(guān)于元素大小位置、鼠標(biāo)位置相關(guān)屬性的總結(jié)

Wildcard / 956人閱讀

元素大小位置相關(guān)屬性的總結(jié) clientXXX

clientLeft

clientTop

clientWidth 表示內(nèi)容區(qū)域的寬度,包括padding大小,但是不包括邊框和滾動(dòng)條

clientHeight 表示內(nèi)容區(qū)域的高度,包括padding大小,但是不包括邊框和滾動(dòng)條

一圖勝千言:

再線測(cè)試:https://codepen.io/zhaojianxi...

offsetXXX

offsetLeft

offsetTop

offsetWidth

offsetHeight

offsetParent 往上找非static的第一個(gè)定位元素

一圖勝千言:

在線測(cè)試地址:https://codepen.io/zhaojianxi...

scrollXXX

scrollLeft

scrollTop

scrollWidth

scrollHeight

一圖勝千言:

在線測(cè)試地址:https://codepen.io/zhaojianxi...

鼠標(biāo)位置

clientX,clientY 相對(duì)于window的偏移量
offsetX, offsetY 相對(duì)于被點(diǎn)擊元素的偏移量
pageX, pageY 相對(duì)于document的偏移量
screenX, screenY 鼠標(biāo)相對(duì)于顯示器屏幕的偏移坐標(biāo)(由于是相對(duì)于屏幕的。所以在pc端沒(méi)太多使用場(chǎng)景)
x, y 相當(dāng)于clientX,clientY

我的GitHub地址:https://github.com/JesseZhao1... 歡迎關(guān)注

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/52542.html

相關(guān)文章

  • 關(guān)于元素大小位置、鼠標(biāo)位置相關(guān)屬性總結(jié)

    元素大小位置相關(guān)屬性的總結(jié) clientXXX clientLeft clientTop clientWidth 表示內(nèi)容區(qū)域的寬度,包括padding大小,但是不包括邊框和滾動(dòng)條 clientHeight 表示內(nèi)容區(qū)域的高度,包括padding大小,但是不包括邊框和滾動(dòng)條 一圖勝千言:showImg(https://segmentfault.com/img/remote/1460000015...

    singerye 評(píng)論0 收藏0
  • JavaScript學(xué)習(xí)總結(jié)(九)事件詳解

    摘要:布爾值表示捕獲階段調(diào)用事件處理程序,表示冒泡階段通過(guò)對(duì)象的方法,也可以定義事件的回調(diào)函數(shù)。對(duì)象會(huì)被作為第一個(gè)參數(shù)傳遞給事件監(jiān)聽(tīng)的回調(diào)函數(shù)。布爾默認(rèn)值是,當(dāng)設(shè)置成時(shí)用以取消事件的默認(rèn)行為與中的相同。 其實(shí)這篇文章挺早之前就寫了,但是由于sf保存方面的bug,所以當(dāng)時(shí)寫了一大堆,結(jié)果沒(méi)保存,覺(jué)得這個(gè)沒(méi)寫完是個(gè)不小的遺憾,今天正好有空,就給補(bǔ)充下了,也正好給我的javascript學(xué)習(xí)總結(jié)做...

    LiveVideoStack 評(píng)論0 收藏0
  • DOM元素位置,滾動(dòng)位置鼠標(biāo)事件位置相關(guān)屬性函數(shù)總結(jié)

    摘要:前言前段時(shí)間經(jīng)常被這些參數(shù)搞混,在此總結(jié)一下,畫了一張圖,希望能對(duì)大家有所幫助相關(guān)元素的左邊距離可視窗口左邊的距離元素的右邊距離可視窗口左邊的距離元素的上邊距離可視窗口頂部的距離元素的下邊距離可視窗口頂部的距離元素的寬元素的高目前來(lái)看與相同 前言:前段時(shí)間經(jīng)常被這些參數(shù)搞混,在此總結(jié)一下,畫了一張圖,希望能對(duì)大家有所幫助 getBoundingClientRect相關(guān) left 元素...

    陳江龍 評(píng)論0 收藏0
  • JavaScript 中那些關(guān)于坐標(biāo)和距離屬性與方法

    摘要:摘自阮一峰教程位置大小屬性只讀屬性返回瀏覽器窗口左上角相對(duì)于當(dāng)前屏幕左上角的水平距離和垂直距離單位像素。摘自阮一峰教程相關(guān)方法返回一個(gè)對(duì)象,提供當(dāng)前元素的大小位置等信息。摘自阮一峰教程四鼠標(biāo)事件接口通過(guò)添加的事件所產(chǎn)生的事件對(duì)象也是實(shí)例。 一 前言 在前端開(kāi)發(fā)中總會(huì)遇到各種各樣需要使用或計(jì)算坐標(biāo)和距離的情況,但是這些屬性和方法眾多,全部熟練地記下來(lái)并非是一件易事,大多只能現(xiàn)查,耗費(fèi)不少...

    jsummer 評(píng)論0 收藏0
  • JavaScript 中那些關(guān)于坐標(biāo)和距離屬性與方法

    摘要:摘自阮一峰教程位置大小屬性只讀屬性返回瀏覽器窗口左上角相對(duì)于當(dāng)前屏幕左上角的水平距離和垂直距離單位像素。摘自阮一峰教程相關(guān)方法返回一個(gè)對(duì)象,提供當(dāng)前元素的大小位置等信息。摘自阮一峰教程四鼠標(biāo)事件接口通過(guò)添加的事件所產(chǎn)生的事件對(duì)象也是實(shí)例。一 前言 在前端開(kāi)發(fā)中總會(huì)遇到各種各樣需要使用或計(jì)算坐標(biāo)和距離的情況,但是這些屬性和方法眾多,全部熟練地記下來(lái)并非是一件易事,大多只能現(xiàn)查,耗費(fèi)不少時(shí)間精力...

    guqiu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<