Webkit 意外觸發 mousemove 事件（鼠標不動）

Question

我有一個幻燈片播放，滾動 div 以顯示幻燈片中的下一張照片。 我還有一個功能設置，當鼠標處於非活動狀態時隱藏照片描述，但在鼠標移動時顯示描述。

在 Firefox 中，沒有問題，div 滾動到新照片並且沒有觸發mousemove事件。 但是，在 Webkit 中，鼠標在窗口上，但處於非活動狀態，每次 div 滾動到新照片時都會觸發兩到三個mousemove事件。

這是網站供您查看。 在 webkit 瀏覽器中導航到投資組合頁面（我想打開一個控制台），當照片循環時，頁腳應該保持隱藏。 http://96.0.13.132/

Answer 1

是的，webkit 瀏覽器會這樣做，我認為每個瀏覽器都應該這樣做。 由於光標在滾動后不同的位置，這可能避免了我很多的問題，作為一個開發人員。

無論如何，如果你想避免它在你的腳本中的后果，只需記錄最新的 clientX 和 clientY 位置並檢查自上次“mousemove”以來它們是否發生了變化； 像這樣：

window.addEventListener("mousemove",function(e){
    if(window.lastX !== e.clientX || window.lastY !== e.clientY){
        // Code when the (physical) mouse actually moves
    }   
    window.lastX = e.clientX
    window.lastY = e.clientY
})