JS獲取滑鼠位置,相容IE FF

2021-08-30 00:24:09 字數 685 閱讀 6104

由於firefox和ie等瀏覽器之間對js解釋的方式不一樣,firefox下面獲取滑鼠位置不能夠直接使用clientx來獲取。網上說的一般都是觸發mousemove事件才行。我這裡有兩段**,思路都一樣,就是風格不同。

第一段**是利用全域性變數來獲取實時滑鼠的位置。

var xpos; var ypos; window.document.onmousemove(function(evt) else });

因為ie和firefox對clientx的解析不一樣,ie認為clientx是滑鼠相對整個頁面左上角的位置,而firefox認為是相對當前所見頁面左上角的位置。而這段**最終返回的結果是整個頁面左上角的位置。這段**的缺陷是,xpos和ypos是實時變動的。

第二段**是通過函式獲取當前時刻的滑鼠座標值

document.onmousemove = mousemove; function mousemove(ev) function mousecoords(ev); } return ; }

這段**的**是這裡,這個**還提供了一些簡單的樣例給我們玩耍。這個函式和剛才的函式理論是一致的,先觸發mousemove事件,然後獲取了事件之後,分別判斷瀏覽器型別。這段**的優點是,不適用全域性變數,並且可以隨用隨拿,只要呼叫這個函式,就能夠獲取滑鼠座標。

這兩段**,個人偏好於後者,現在先把這段**記下來,這段**應該是會經常被使用到的。

JS獲取滑鼠位置,相容IE FF

由於firefox和ie等瀏覽器之間對js解釋的方式不一樣,firefox下面獲取滑鼠位置不能夠直接使用clientx來獲取。網上說的一般都是觸發mousemove事件才行。我這裡有兩段 思路都一樣,就是風格不同。第一段 是利用全域性變數來獲取實時滑鼠的位置。var xpos var ypos wi...

react獲取滑鼠位置 js實時獲取滑鼠所在座標

有的時候我們希望實時獲取滑鼠所在的位置。為什麼會用到它呢?可能你會遇到這樣的情況,我們需要判斷滑鼠是不是在乙個dom元素的上 下 左 右的位置,至於是不是在元素上,就不需要通過獲取位置了,你可以直接用hover來判斷就好了。那麼如何實現獲取滑鼠所在位置呢 function getmousepos e...

IE,FF相容的滑鼠移動樣式轉換

主要是實現任何頁面只要引入class button1的樣式,設定按鈕的樣式和控制滑鼠移出 移進樣式和動作。js使用的是jquery框架.html頁面需要引入連個js檔案按 html index.js var isie document.all?true false 判斷是否ie var isff i...