摘要:關于以及我們都熟知,標題中的幾個方法都是用來獲取事件的位置,但是他們有什么區別呢就用一張圖來說明指事件發生位置相對觸發元素左上角的水平坐標特有鼠標相比較于當前坐標系的位置即從當前容器依次往上尋找設置絕對定位或相對定位的元素為參考坐標系,以該
關于offsetX、layerX、clientX、screenX以及pageX
我們都熟知,標題中的幾個方法都是用來獲取事件(event)的位置,但是他們有什么區別呢?就用一張圖來說明:
offsetX: 指事件發生位置相對觸發元素左上角的水平坐標
layerX: FF特有,鼠標相比較于當前坐標系的位置,即從當前容器依次往上尋找設置絕對定位或相對定位的元素為參考坐標系,以該容器的左上角來計算水平坐標
clientX: 是指事件發生位置相對可視區域的水平坐標(只是document展現的部分,不包括搜索欄、書簽欄等)
screenX: 是指事件發生位置相對電腦屏幕的水平坐標
pageX: 是指事件發生位置相對文檔(document)的水平坐標(是指整個文檔,當出現滾動條時,隱藏的部分也會被算入pageX)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/109335.html
摘要:返回事件發生時,鼠標指針相對于瀏覽器窗口可視區域的水平垂直窗口坐標。可視區域不包括工具欄和滾動條,事件和標準事件都定義了這個屬性返回鼠標指針的位置,類似于,但它們使用的是文檔坐標而非窗口坐標。是相對于被點擊了的元素。 e.clientX,e.clientY返回事件發生時,鼠標指針相對于瀏覽器窗口可視區域的水平(垂直)窗口坐標。可視區域不包括工具欄和滾動條,IE事件和標準事件都定義了這2...
摘要:返回事件發生時,鼠標指針相對于瀏覽器窗口可視區域的水平垂直窗口坐標。可視區域不包括工具欄和滾動條,事件和標準事件都定義了這個屬性返回鼠標指針的位置,類似于,但它們使用的是文檔坐標而非窗口坐標。是相對于被點擊了的元素。 e.clientX,e.clientY返回事件發生時,鼠標指針相對于瀏覽器窗口可視區域的水平(垂直)窗口坐標。可視區域不包括工具欄和滾動條,IE事件和標準事件都定義了這2...
摘要:相對瀏覽器窗口簡單代碼即可實現,然而這是還不夠,因為絕大多數情況下我們希望獲取鼠標點擊位置相對于瀏覽器窗口的坐標,的,屬性分別表示鼠標點擊位置相對于文檔的左邊距,上邊距。 在一些DOM操作中我們經常會跟元素的位置打交道,鼠標交互式一個經常用到的方面,令人失望的是不同的瀏覽器下會有不同的結果甚至是有的瀏覽器下沒結果,這篇文章就上鼠標點擊位置坐標獲取做一些簡單的總結,沒特殊聲明代碼在IE8...
摘要:指鼠標指針相對于觸發事件元素的左上角的偏移,在,中指外邊緣,即將該元素邊框的寬度計算在內,則不包含邊框值,如下圖所示和是相對文檔窗口左上角的距離,不會隨滾動條移動和是相對于瀏覽器可視窗口左上角的距離,參照點會隨滾動條滾動而移動當可視窗口和文 offsetX,offsetY:指鼠標指針相對于觸發事件元素的左上角的偏移,在Chrome,Opera,Safari中指外邊緣,即將該元素邊框的寬...
前言 在平常開發過程中,就算不使用現在主流的框架也至少得使用個Jquery,這些工具幫我們統一不同瀏覽器平臺之間的差異和細節,可以將注意力集中到開發上來. 不過有意思的一點是,在看完高程的N年后我居然連event對象中的target和currentTarget屬性的區別都忘記了. 先提幾個引子: 你能說出event.currentTarget和event.target的區別嗎? 如果可以那么ev...
閱讀 3192·2023-04-26 01:39
閱讀 3345·2023-04-25 18:09
閱讀 1612·2021-10-08 10:05
閱讀 3228·2021-09-22 15:45
閱讀 2758·2019-08-30 15:55
閱讀 2393·2019-08-30 15:54
閱讀 3167·2019-08-30 15:53
閱讀 1324·2019-08-29 12:32