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

資訊專欄INFORMATION COLUMN

關(guān)于offsetX、layerX、clientX、screenX以及pageX(Y同理)

Rindia / 2641人閱讀

摘要:關(guān)于以及我們都熟知,標(biāo)題中的幾個方法都是用來獲取事件的位置,但是他們有什么區(qū)別呢就用一張圖來說明指事件發(fā)生位置相對觸發(fā)元素左上角的水平坐標(biāo)特有鼠標(biāo)相比較于當(dāng)前坐標(biāo)系的位置即從當(dāng)前容器依次往上尋找設(shè)置絕對定位或相對定位的元素為參考坐標(biāo)系,以該

關(guān)于offsetX、layerX、clientX、screenX以及pageX

我們都熟知,標(biāo)題中的幾個方法都是用來獲取事件(event)的位置,但是他們有什么區(qū)別呢?就用一張圖來說明:

offsetX: 指事件發(fā)生位置相對觸發(fā)元素左上角的水平坐標(biāo)

layerX: FF特有,鼠標(biāo)相比較于當(dāng)前坐標(biāo)系的位置,即從當(dāng)前容器依次往上尋找設(shè)置絕對定位或相對定位的元素為參考坐標(biāo)系,以該容器的左上角來計算水平坐標(biāo)

clientX: 是指事件發(fā)生位置相對可視區(qū)域的水平坐標(biāo)(只是document展現(xiàn)的部分,不包括搜索欄、書簽欄等)

screenX: 是指事件發(fā)生位置相對電腦屏幕的水平坐標(biāo)

pageX: 是指事件發(fā)生位置相對文檔(document)的水平坐標(biāo)(是指整個文檔,當(dāng)出現(xiàn)滾動條時,隱藏的部分也會被算入pageX)

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

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

相關(guān)文章

  • 鼠標(biāo)點(diǎn)擊的各種坐標(biāo) (事件對象)

    摘要:返回事件發(fā)生時,鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平垂直窗口坐標(biāo)??梢晠^(qū)域不包括工具欄和滾動條,事件和標(biāo)準(zhǔn)事件都定義了這個屬性返回鼠標(biāo)指針的位置,類似于,但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)。是相對于被點(diǎn)擊了的元素。 e.clientX,e.clientY返回事件發(fā)生時,鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平(垂直)窗口坐標(biāo)??梢晠^(qū)域不包括工具欄和滾動條,IE事件和標(biāo)準(zhǔn)事件都定義了這2...

    xushaojieaaa 評論0 收藏0
  • 鼠標(biāo)點(diǎn)擊的各種坐標(biāo) (事件對象)

    摘要:返回事件發(fā)生時,鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平垂直窗口坐標(biāo)??梢晠^(qū)域不包括工具欄和滾動條,事件和標(biāo)準(zhǔn)事件都定義了這個屬性返回鼠標(biāo)指針的位置,類似于,但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)。是相對于被點(diǎn)擊了的元素。 e.clientX,e.clientY返回事件發(fā)生時,鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平(垂直)窗口坐標(biāo)??梢晠^(qū)域不包括工具欄和滾動條,IE事件和標(biāo)準(zhǔn)事件都定義了這2...

    xiongzenghui 評論0 收藏0
  • JS基礎(chǔ)篇--了解JS的clientX、pageX、screenX等方法來獲取鼠標(biāo)坐標(biāo)詳解

    摘要:相對瀏覽器窗口簡單代碼即可實(shí)現(xiàn),然而這是還不夠,因?yàn)榻^大多數(shù)情況下我們希望獲取鼠標(biāo)點(diǎn)擊位置相對于瀏覽器窗口的坐標(biāo),的,屬性分別表示鼠標(biāo)點(diǎn)擊位置相對于文檔的左邊距,上邊距。 在一些DOM操作中我們經(jīng)常會跟元素的位置打交道,鼠標(biāo)交互式一個經(jīng)常用到的方面,令人失望的是不同的瀏覽器下會有不同的結(jié)果甚至是有的瀏覽器下沒結(jié)果,這篇文章就上鼠標(biāo)點(diǎn)擊位置坐標(biāo)獲取做一些簡單的總結(jié),沒特殊聲明代碼在IE8...

    phodal 評論0 收藏0
  • 【面試篇】event對象中offsetX,clientX,pageX,screenX,layerX,

    摘要:指鼠標(biāo)指針相對于觸發(fā)事件元素的左上角的偏移,在,中指外邊緣,即將該元素邊框的寬度計算在內(nèi),則不包含邊框值,如下圖所示和是相對文檔窗口左上角的距離,不會隨滾動條移動和是相對于瀏覽器可視窗口左上角的距離,參照點(diǎn)會隨滾動條滾動而移動當(dāng)可視窗口和文 offsetX,offsetY:指鼠標(biāo)指針相對于觸發(fā)事件元素的左上角的偏移,在Chrome,Opera,Safari中指外邊緣,即將該元素邊框的寬...

    darryrzhong 評論0 收藏0
  • 重探瀏覽器事件(淺析事件編程化)

    前言 在平常開發(fā)過程中,就算不使用現(xiàn)在主流的框架也至少得使用個Jquery,這些工具幫我們統(tǒng)一不同瀏覽器平臺之間的差異和細(xì)節(jié),可以將注意力集中到開發(fā)上來. 不過有意思的一點(diǎn)是,在看完高程的N年后我居然連event對象中的target和currentTarget屬性的區(qū)別都忘記了. 先提幾個引子: 你能說出event.currentTarget和event.target的區(qū)別嗎? 如果可以那么ev...

    lk20150415 評論0 收藏0

發(fā)表評論

0條評論

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