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

2022-01-11 10:00:14 字數 691 閱讀 6551

由於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...