摘要:關(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
摘要:返回事件發(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...
摘要:返回事件發(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...
摘要:相對瀏覽器窗口簡單代碼即可實(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...
摘要:指鼠標(biāo)指針相對于觸發(fā)事件元素的左上角的偏移,在,中指外邊緣,即將該元素邊框的寬度計算在內(nèi),則不包含邊框值,如下圖所示和是相對文檔窗口左上角的距離,不會隨滾動條移動和是相對于瀏覽器可視窗口左上角的距離,參照點(diǎn)會隨滾動條滾動而移動當(dāng)可視窗口和文 offsetX,offsetY:指鼠標(biāo)指針相對于觸發(fā)事件元素的左上角的偏移,在Chrome,Opera,Safari中指外邊緣,即將該元素邊框的寬...
前言 在平常開發(fā)過程中,就算不使用現(xiàn)在主流的框架也至少得使用個Jquery,這些工具幫我們統(tǒng)一不同瀏覽器平臺之間的差異和細(xì)節(jié),可以將注意力集中到開發(fā)上來. 不過有意思的一點(diǎn)是,在看完高程的N年后我居然連event對象中的target和currentTarget屬性的區(qū)別都忘記了. 先提幾個引子: 你能說出event.currentTarget和event.target的區(qū)別嗎? 如果可以那么ev...
閱讀 3202·2023-04-26 01:39
閱讀 3354·2023-04-25 18:09
閱讀 1623·2021-10-08 10:05
閱讀 3241·2021-09-22 15:45
閱讀 2790·2019-08-30 15:55
閱讀 2402·2019-08-30 15:54
閱讀 3173·2019-08-30 15:53
閱讀 1335·2019-08-29 12:32