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

JasinYip 發(fā)布于2019-08-30 14:22 / 1050人閱讀

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

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

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




    
    Title

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

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

GPU云服務(wù)器云服務(wù)器火狐獲取event對象 jsp中event js數(shù)據(jù)對象和對象的區(qū)別嗎對象存儲和cdn的區(qū)別

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/115979.html

相關(guān)文章

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

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

gityuan 2019-08-22 16:01 評論0 收藏0
event對象中offsetX,clientX,pageX,screenX的區(qū)別

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

wujl596 2019-08-02 10:06 評論0 收藏0
鼠標點擊的各種坐標 (事件對象)

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

xushaojieaaa 2019-08-23 14:51 評論0 收藏0
鼠標點擊的各種坐標 (事件對象)

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

xiongzenghui 2019-08-02 14:09 評論0 收藏0