摘要:意為偏移量是事件對象距左上角為參考原點的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點。
1、offsetX
offset意為偏移量,是事件對象距左上角為參考原點的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點。不包括border。
2、clientX
事件對象相對于瀏覽器窗口可視區(qū)域的X,Y坐標(biāo)(窗口坐標(biāo)),可視區(qū)域不包括工具欄和滾動條
3、pageX
事件對象相對于整個文檔的坐標(biāo)以像素為單位.
4、screenX
事件對象相對于設(shè)備屏幕的左上角的坐標(biāo),當(dāng)改變屏幕的分辨率的時候,坐標(biāo)會隨之改變.
以上除了screenX/Y以設(shè)備像素為單位,其他都是以css像素為單位
下面以一個實例來解釋說明
Title
當(dāng)沒有滾動條的時候,pageX==clientX,offsetX=pageX+(margin-left)+border
當(dāng)有滾動條的時候,pageX!=clientX
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/52122.html
摘要:意為偏移量是事件對象距左上角為參考原點的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點。 1、offsetXoffset意為偏移量,是事件對象距左上角為參考原點的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點。不包括border。2、clientX事件對象相對于瀏覽器窗口可視區(qū)域的X,Y坐標(biāo)(窗口坐標(biāo)),可視區(qū)域不包括工具欄和滾動條3、pageX事件對象相對于整個文檔的坐標(biāo)以像素為單位...
摘要:意為偏移量是事件對象距左上角為參考原點的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點。 1、offsetXoffset意為偏移量,是事件對象距左上角為參考原點的距離。以元素盒子模型的內(nèi)容區(qū)域的左上角為參考點。不包括border。2、clientX事件對象相對于瀏覽器窗口可視區(qū)域的X,Y坐標(biāo)(窗口坐標(biāo)),可視區(qū)域不包括工具欄和滾動條3、pageX事件對象相對于整個文檔的坐標(biāo)以像素為單位...
摘要:返回事件發(fā)生時,鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平垂直窗口坐標(biāo)??梢晠^(qū)域不包括工具欄和滾動條,事件和標(biāo)準(zhǔn)事件都定義了這個屬性返回鼠標(biāo)指針的位置,類似于,但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)。是相對于被點擊了的元素。 e.clientX,e.clientY返回事件發(fā)生時,鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平(垂直)窗口坐標(biāo)??梢晠^(qū)域不包括工具欄和滾動條,IE事件和標(biāo)準(zhǔn)事件都定義了這2...
摘要:返回事件發(fā)生時,鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平垂直窗口坐標(biāo)??梢晠^(qū)域不包括工具欄和滾動條,事件和標(biāo)準(zhǔn)事件都定義了這個屬性返回鼠標(biāo)指針的位置,類似于,但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)。是相對于被點擊了的元素。 e.clientX,e.clientY返回事件發(fā)生時,鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平(垂直)窗口坐標(biāo)。可視區(qū)域不包括工具欄和滾動條,IE事件和標(biāo)準(zhǔn)事件都定義了這2...
閱讀 1139·2023-04-26 02:46
閱讀 636·2023-04-25 19:38
閱讀 650·2021-10-14 09:42
閱讀 1249·2021-09-08 09:36
閱讀 1366·2019-08-30 15:44
閱讀 1331·2019-08-29 17:23
閱讀 2252·2019-08-29 15:27
閱讀 812·2019-08-29 14:15