成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS -- offsetXY、clientXY、pageXY、screenXY的區(qū)別

wmui / 1668人閱讀

摘要:以選中元素的盒子模型的左上角為原點,與滾動條無關(guān)是該事件發(fā)生的盒子模型里的坐標。以用戶屏幕左上角為原點是鼠標位置相對于用戶屏幕左側(cè)水平偏移量,而則是鼠標相對于屏幕頂部垂直方向的偏移量。

offsetXY

以選中元素的盒子模型的左上角為原點,與滾動條無關(guān)

是該事件發(fā)生的盒子模型里的坐標。

clientXY

以瀏覽器可視區(qū)域的左上角為原點,與滾動條無關(guān)

是整個瀏覽器可用部分里的坐標。

pageXY

以瀏覽器可視區(qū)域的左上角為原點,與滾動條有關(guān)

是整個網(wǎng)頁里的坐標,按照整個頁面長度計算(包括滾動條長度)。
無滾動條時和clientXY一樣。

screenXY

以用戶屏幕左上角為原點

screenX 是鼠標位置相對于用戶屏幕(左側(cè))水平偏移量,而 screenY 則是鼠標相對于屏幕(頂部)垂直方向的偏移量。

參考圖

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/96441.html

相關(guān)文章

  • clientXY,offsetXYpageXY區(qū)別

    摘要:簡單說起來,就是是該事件發(fā)生的盒子模型里的坐標,與滾動條無關(guān)。頁面里寫了個,背景顏色藍色,長寬都是,在網(wǎng)頁的右上角,的位置。結(jié)果注意兩次的和有點誤差,這個誤差在以內(nèi)都是沒問題的。而是很夸張的數(shù)字,因為這是按照整個頁面長度來計算的。 簡單說起來,就是: offsetXY:是該事件發(fā)生的盒子模型里的坐標,與滾動條無關(guān)。 clientXY:是整個瀏覽器可用部分里的坐標,與滾動條無關(guān)。 pag...

    terasum 評論0 收藏0
  • clientXY,offsetXY,pageXY區(qū)別

    摘要:簡單說起來,就是是該事件發(fā)生的盒子模型里的坐標,與滾動條無關(guān)。頁面里寫了個,背景顏色藍色,長寬都是,在網(wǎng)頁的右上角,的位置。結(jié)果注意兩次的和有點誤差,這個誤差在以內(nèi)都是沒問題的。而是很夸張的數(shù)字,因為這是按照整個頁面長度來計算的。 簡單說起來,就是: offsetXY:是該事件發(fā)生的盒子模型里的坐標,與滾動條無關(guān)。 clientXY:是整個瀏覽器可用部分里的坐標,與滾動條無關(guān)。 pag...

    rainyang 評論0 收藏0
  • D3 源代碼解析(二)

    摘要:第一節(jié)點位于第二節(jié)點內(nèi)。例如,返回意味著在在內(nèi)部,并且在之前。這個函數(shù)返回一個函數(shù),返回的函數(shù)綁定了當前對象并執(zhí)行。 這是繼上一篇D3源碼解構(gòu)文章后的對D3的研究筆記,筆者的能力有限,如有哪里理解錯誤,歡迎指正。 對集合的操作 關(guān)于d3.attr 一個可以處理很多情況的函數(shù),當只傳入一個參數(shù)時,如果是string,則返回該屬性值,如果是對象,則遍歷設(shè)置對象的鍵值對屬性值,如果參數(shù)大于等...

    tainzhi 評論0 收藏0
  • 前端面試題總結(jié)(js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源)

    摘要:并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔,優(yōu)化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快速搭建項目。 本文是關(guān)注微信小程序的開發(fā)和面試問題,由基礎(chǔ)到困難循序漸進,適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔,優(yōu)化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快...

    pumpkin9 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<