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
})