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

資訊專欄INFORMATION COLUMN

event對(duì)象中offsetX,clientX,pageX,screenX的區(qū)別

JasinYip / 1070人閱讀

摘要：意為偏移量是事件對(duì)象距左上角為參考原點(diǎn)的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點(diǎn)。

1、offsetX
offset意為偏移量,是事件對(duì)象距左上角為參考原點(diǎn)的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點(diǎn)。不包括border。
2、clientX
事件對(duì)象相對(duì)于瀏覽器窗口可視區(qū)域的X,Y坐標(biāo)(窗口坐標(biāo)),可視區(qū)域不包括工具欄和滾動(dòng)條
3、pageX
事件對(duì)象相對(duì)于整個(gè)文檔的坐標(biāo)以像素為單位.
4、screenX
事件對(duì)象相對(duì)于設(shè)備屏幕的左上角的坐標(biāo),當(dāng)改變屏幕的分辨率的時(shí)候,坐標(biāo)會(huì)隨之改變.

以上除了screenX/Y以設(shè)備像素為單位，其他都是以css像素為單位
下面以一個(gè)實(shí)例來解釋說明




    
    Title


當(dāng)沒有滾動(dòng)條的時(shí)候,pageX==clientX,offsetX=pageX+(margin-left)+border

當(dāng)有滾動(dòng)條的時(shí)候,pageX!=clientX

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

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

相關(guān)文章

  • event對(duì)象中offsetX,clientX,pageX,screenX的區(qū)別

    摘要：意為偏移量是事件對(duì)象距左上角為參考原點(diǎn)的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點(diǎn)。 1、offsetXoffset意為偏移量,是事件對(duì)象距左上角為參考原點(diǎn)的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點(diǎn)。不包括border。2、clientX事件對(duì)象相對(duì)于瀏覽器窗口可視區(qū)域的X,Y坐標(biāo)(窗口坐標(biāo)),可視區(qū)域不包括工具欄和滾動(dòng)條3、pageX事件對(duì)象相對(duì)于整個(gè)文檔的坐標(biāo)以像素為單位...

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

  • event對(duì)象中offsetX,clientX,pageX,screenX的區(qū)別

    摘要：意為偏移量是事件對(duì)象距左上角為參考原點(diǎn)的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點(diǎn)。 1、offsetXoffset意為偏移量,是事件對(duì)象距左上角為參考原點(diǎn)的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點(diǎn)。不包括border。2、clientX事件對(duì)象相對(duì)于瀏覽器窗口可視區(qū)域的X,Y坐標(biāo)(窗口坐標(biāo)),可視區(qū)域不包括工具欄和滾動(dòng)條3、pageX事件對(duì)象相對(duì)于整個(gè)文檔的坐標(biāo)以像素為單位...

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

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

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

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

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

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

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

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

0條評(píng)論

閱讀需要支付1元查看
<