javascript - 快速移动光标时的jquery悬停问题

标签 javascript jquery html

我的 Jquery 悬停效果有两个问题。

  1. 如果鼠标进出非常快(几次),即使鼠标不再位于包含的 DIV 内,它仍会保持鼠标悬停效果。

我需要类似 if(background is visible && mouse not in div element) 然后播放鼠标移出动画。 (重置封面标志)

  1. 与鼠标移入鼠标移出效果相同的问题,封面 Logo 有时不会弹回其原始位置,有时会弹回。只有当您非常快速地移动光标时才会发生这种情况。

http://jsfiddle.net/e7BLv/13/

最佳答案

我已经改变了JSfiddle使用最新的 jQuery 库,并将弹跳动画更改为简单的淡入淡出......它似乎按预期工作。

我想您的反弹效果(由 jQuery UI 提供)可能是以某种方式阻止正确停止的罪魁祸首。

鼠标事件处理程序外部的延迟动画

如果需要,请使用简单的过渡,如果可能的话,将动画移出您的事件处理程序并延迟执行,这样快速的悬停不会触发任何过渡动画。这可能是确保正确处理和记录所有鼠标事件的最佳方式。

关于javascript - 快速移动光标时的jquery悬停问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12618641/

相关文章:

javascript - onclick 事件 - 使用 id 以外的东西调用按钮

javascript - 什么是 "native JavaScript"?

javascript - Angular js中点击刷新按钮时无法清除详细信息?

jquery - 我可以暂时禁用处理程序吗?

html - 用背景图像填充 SVG 路径元素

javascript - Canvas 填充反射(reflect)在两个形状上

javascript - 向网站添加增强功能(无论是通过 C#、Chrome 扩展等)——不确定什么可行?

jquery - 浏览器调整大小时的流体背景图像

javascript - 如何收集选中的单选按钮并放入数组中然后发布到 Controller

javascript - 淡入淡出效果需要提供现有的javascript代码