Javascript：是否可以在事件處理程序之外獲得鼠標位置？

Question

我想在超時回調中獲得鼠標位置。

據我所知，這不能直接完成。一個解決方法可能是在document.body上設置一個onmousemove事件，並保存這個位置，稍後提取。然而，這將是相當昂貴的，並不是最乾淨的方法。

Answer 1

我認爲你必須做同樣的事情@Oli，但如果你使用jQuery，它會更容易。

http://docs.jquery.com/Tutorials:Mouse_Position

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    $().mousemove(function(e){ 
    $('#status').html(e.pageX +', '+ e.pageY); 
    }); 
}) 
</script> 

Answer 2

直接的答案是否但正如您所說的，您可以將事件附加到所有事項並相應地進行輪詢。它將昂貴的做每個onmousemove實例嚴肅的編程，所以你可能會發現圍繞頁面創建幾個區域和輪詢onmouseover事件更好。

另一種選擇將是（我不知道這是否在所有工作）設定循環超時：

1. 一個的OnMouseMove處理程序添加到身體
2. 將整個頁面（如改變身體的邊緣頂部）
3. 當onmousemove處理程序觸發時，獲取位置並刪除處理程序。您可能需要對本次活動超時太（用於當鼠標離開視口）

Uberhack但威力工作。

Answer 3

正如你所描述的，最直接的方式做到這一點是設置在身體上的OnMouseMove事件處理程序。它比您想象的要便宜：只需很少的計算就可以存儲座標，並且當鼠標移動時，事件每秒被觸發50到100次。我懷疑一個典型的用戶在瀏覽網頁時不會經常移動鼠標。

以下腳本可幫助計算事件處理程序;在我的機器上，在Firefox中移動鼠標，這爲我的CPU使用率增加了5％到10％。

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    var count = 0; 
    $().mousemove(function(e){ count += 1; }); 
    $().click(function(e){ $('#status').html(count); }); 
}); 
</script>