Javascript 在特定时间段内停止收听悬停事件

我正在使用（你可以在演示中看到）与图像缩放（悬停）插件相结合

问题是，当我移动到fullpage上的新幻灯片时，在幻灯片动画期间光标恰好（快速）经过图像，图像缩放有时会被激活，并且在动画停止后，图像的放大部分（来自上一张幻灯片）仍然可见，直到我再次移动光标

---

另外，我只有一个缩小版的缩放插件，所以不能从那里解决这个问题，但是，fullpage.js提供了各种回调，所以也许有一个解决方案可以是在动画持续的时间内“冻结”监听悬停事件？有办法做到这一点吗？

我可以想出两个快速选项：

当fullpage切换到新幻灯片时，可以在

上设置CSS“指针事件：无”，然后在幻灯片转换完成后删除该样式。但是，这在IE10或更低版本上不起作用

在主体中可以有一个绝对定位的空div，它以z索引覆盖整个视图，高于其他所有视图。将mousemove/mouseover/mouseout事件侦听器附加到该div，并使这些侦听器在接收到的任何事件上取消Bubble和preventDefault。这将导致该div吃掉任何可能导致悬停的鼠标事件。保持div显示：无，直到幻灯片转换。设置显示：幻灯片上的块转换

---

通过在web inspector中观察zoom插件的功能解决了这个问题。它在图像上创建“缩放查看器”div。因此，我只是在onSlideLoad回调中的div上设置了

display:none

。但是，您的第一个建议有助于对其进行微调，因此在实际动画期间不会发生缩放。谢谢