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