问题标签 [mouseleave]

我只在 Firefox 中遇到了 mosueenter/mouseleave 事件的问题...

http://www.screencast.com/users/StanleyGoldman/folders/Jing/media/be3572de-9c72-4e2a-8ead-6d29b0764709

我只想知道鼠标何时离开包含的 DIV。但是，如果您将鼠标快速移动到文本框上或将鼠标移动到 div 的滚动条上，事件就会触发。

- 编辑 -

我用悬停尝试了以下操作。它似乎只在 Firefox 中遇到同样的问题。

我有一个带有一些子元素的元素。当鼠标离开父元素时，我想隐藏父元素及其子元素。我遇到的问题是，当我将鼠标悬停在任何孩子上时，就会触发 mouseout 事件。防止这种情况的最佳方法是什么？我真的只希望当鼠标不在父级或其任何子级中时触发事件。

我有两个可排序列表，一个是嵌套的，在嵌套的可排序列表的 li 元素上具有鼠标输入效果。我的问题是当用户在作为输入字段的子元素的列表中快速移动鼠标时，mouseenter 和 mouseleave 函数被不一致地调用。

这是正在发生的事情的示例，您必须将一个窗格拖到列表中，然后将 3-4 个文本框项目拖到窗格中才能看到问题。您可以看到右上角的 2 个数字正在跟踪鼠标的进出。注意到目前为止，我只在 Firefox 3.5.7 中测试了我的网站。该问题似乎已在 Firefox 3.6 版中得到解决，但我需要它才能在所有以前版本的 Firefox 3.x 上工作

例子

我的 jquery 1.4.1 代码：

以下是 mouseenter 和 mouseleave 函数：

当我调用将 li 元素动态添加到页面中的函数时，我试图在不使用 live() 的情况下分配 mouseenter 和 mouseleave 函数。但是，问题仍然存在，您可以在 firebug 调试器中看到错误。也许它与Firefox中的relatedTarget有关。感谢您提供任何帮助。

我遇到了一个奇怪的问题。

如果鼠标被移动，jQuery 1.4.1 mouseenter/mouseleave 事件会正确触发，没什么大不了的。但是，当光标本身保持静态但元素被 animate() 移开时，它在某些浏览器中会出错。

所以想象一下这样的代码：

如果您将鼠标快速移动到元素上然后停止它，您将获得不同的结果，具体取决于浏览器。

FF3.6、Safari 4、IE7：当光标离开动画元素时，mouseleave 按预期触发，即使鼠标本身静止不动。

IE6、IE8、Opera 9/10、Safari 3、Chrome：即使元素在窗口之外，也不会触发 mouseleave。需要稍微移动鼠标来触发正确的 mouseleave 事件。

任何想法如何解决它？

问候，我正在开发战舰克隆游戏，但我遇到了 TableLayoutPanel MouseLeave 事件的问题。

第一个鼠标移动：

这似乎运行正常。

现在是 MouseLeave 事件：

这表现得很奇怪。它通过代码，甚至显示“HI”，但 PictureBox 图像未更改为水。关于为什么的任何想法？这不会一直发生，只是偶尔会发生。

上面的代码所做的基本上是扫描表格单元格，如果单元格内容是 WATER，那么它将表格单元格图像更新为 SCAN，并且随着用户继续前进，它将单元格图像切换回 WATER。

希望这是足够的信息。请询问是否需要更多。

先感谢您。

ps这是尝试像mouseover和mouseexit这样的javascript。

我已经取得了一些进展。原来在 MouseLeave 之后，MouseMove 被再次调用，因此结果我正在经历。

只需要以我认为的另一种方式对其进行逻辑。

当您使用鼠标进入 .li_group 类时，它会在 1 个单个<li>标签上产生向下滑动效果，一切顺利，但在延迟期间，如果您将鼠标移开并打开 .li_group，它会“排队”效果并将 li 向下滑动、延迟、滑动它再次下降等等......我已经尝试了我能想到的所有方法，甚至是 stop(); 但它仍然这样做......

我使用 mouseenter 而不是 hover 的原因是因为它更适合 ul / li 列表

所以假设我有一个嵌套的 div 块：

我想要这种行为：

1. 将鼠标悬停在 div 上。那个特定的 div 会改变背景颜色，而它的子元素不会。
2. 将鼠标悬停在该 div 的孩子上。再次，它改变颜色，而它的孩子不改变，并且（重要）它的父母恢复到原来的颜色。
3. 返回到父 div。孩子恢复到原来的颜色，父母再次改变颜色。

前两个步骤很简单：

但是我在最后一步遇到了障碍，因为当我输入一个子 div 时，鼠标输入事件在父级上仍然处于活动状态；我所做的只是让它看起来不是。触发父级 mouseleave 的唯一方法是完全退出嵌套块并再次进入。有没有解决的办法？

鉴于下面显示的以下 html 表和脚本，我遇到了鼠标离开事件似乎在鼠标进入后立即触发的问题，即使我没有将鼠标移出行。

我有 2 个相邻的 div 我希望 mouseleave 在鼠标离开 2 个 div 时触发，而不是在它离开其中一个时触发。

我怎么能用jquery做到这一点？

干杯

我正在尝试 Blend 4 beta，并寻找一种方法来做一件简单的事情：

• 当鼠标悬停在图像上时，图像应将其源更改为不同的图像。发生这种MouseLeave情况时，图像会变回。

我知道我可以在源代码中做到这一点，但我正在寻找一种无需手动编码 xaml 的无代码方式。

Blend 4 似乎是完美的选择。但是我尝试使用启动故事的事件触发器或使用视觉状态来设置它，但 Blend 似乎没有“记住”图像源已更改。它记得我更改了图像的其他属性（例如可见性、比例等），但图像源是我所追求的。

这是混合中的错误，还是我做错了什么？