如何從頁面加載和鼠標移動中跟蹤鼠標位置？

Question

我正在使用以下JavaScript跟蹤鼠標移動：

var mouseX = 0;
var mouseY = 0;

document.onmousemove = function (e) {
    mouseX = e.clientX;
    mouseY = e.clientY;
}

我的問題是，如果自頁面加載后鼠標尚未移動，則mouseX和mouseY值都等於0.如何在加載頁面時以及移動鼠標時獲取鼠標值？

Answer 1

瀏覽器在移動之前不知道鼠標的位置。

它比“讓我光標位置”更復雜。 如果沒有鼠標（平板電腦）或者鼠標沒有在瀏覽器窗口上方怎么辦？

出於同樣的原因，如果光標在頁面加載時已經懸停，則無法在項目上獲得懸停事件。 它需要一個鼠標移動才能觸發這些事件。

轉到某個網站，將鼠標懸停在具有懸停效果的鏈接上（如下划線），刷新頁面（不移動光標），即使光標懸停在鏈接上，您也會看到它沒有得到懸停處理，直到你移動光標。

不幸的是，這是一個瀏覽器級問題，而不是JavaScript問題。

Answer 2

您可以為文檔定義鼠標懸停事件，以捕獲頁面加載時的第一個鼠標交互。