在特定时间段内停止收听悬停事件
[英]Stop listening to hover events for a certain time period
问题描述
我正在使用fullpage.js （您可以在此处的演示中看到 ）与image-zoom（悬停时）插件结合使用。
问题是，当我在整页上移动到新幻灯片时，在幻灯片动画过程中光标碰巧（快速）越过图像时，有时会激活图像缩放，并且在动画停止后，图像的放大部分（在上一张幻灯片中）仍然可见，直到我再次移动光标为止。
另外，我只有缩小版的zooming插件，因此无法从那里解决此问题，但是，fullpage.js提供了各种回调，因此一种解决方案可能是“冻结”监听悬停事件的时间，直到动画持续？ 有没有办法做到这一点？
1 个解决方案
解决方案1
2 已采纳 2014-12-16 22:34:16
我可以想到两个快速选择：
- 当整页切换到新幻灯片时，可以在
<body>上设置CSS“指针事件：无”，然后在幻灯片过渡完成后删除该样式。 但是，这不适用于IE10或更低版本。 - 您可能在主体中有一个绝对定位的空div，它以z索引覆盖了所有其他视图之上的整个视图。 将mousemove / mouseover / mouseout事件侦听器附加到该div，并让这些侦听器在收到的任何事件上都取消气泡并阻止preventDefault。 这将导致该div吃掉任何可能导致悬停的鼠标事件。 保持该div显示：无，直到出现幻灯片过渡为止。 设置显示：在幻灯片过渡时阻止。
为什么我的Javascript Function在一段时间后停止工作？
[英]Why does my Javascript Function stop working after a certain period of time?
GetStream.io 聊天 API - 停止监听 Stream 中的频道事件
[英]GetStream.io Chat API - Stop Listening for channel Events in Stream
JavaScript - 在指定的时间段内侦听多个事件
[英]JavaScript - Listen for multiple events in a specified period of time
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.