问题标签 [onmouseout]

我在更改动态图片上的 onmouseover 和 onmouseout 属性时遇到问题。我希望它工作的方式是，每当我将鼠标放在图像上时，图像必须更改，而当我将鼠标移开时，必须将其更改为原始图片。并且每当我选择任何图像时，该图像必须更改为在图像上移动鼠标时显示的图像。当我选择任何其他图像时，必须进行相同的过程，但必须将先前更改的图像更改回原始图片。

我已经完成了上述所有操作，但我的问题是当我选择多张图片并将鼠标放在先前选择的图像上时，这些图像不会改变（onmouseover 属性不再适用于它们）。

我有以下代码。（您可以将其复制到文件中以在 Firefox 中进行调试，并在 Firebug 的“控制台”选项卡中查看输出）。

当我将onmouseover事件添加到li标签并将鼠标移动到该li区域时，控制台信息就会出现。

问题是当我将鼠标从图像（谷歌徽标）移动到其下方的文本时，会打印出多个信息。为什么会onmouseout触发事件，因为我没有离开该li区域？

我应该怎么做才能防止onmouseout在这种情况下触发事件。

谢谢！！

当我有嵌套对象时，鼠标经过时发生的事件的时间是非常违反直觉和复杂的。有人能解释一下时间的规则吗？

例如，当我嵌套div如下 s 时：

每个 div 都有onmouseover和onmouseout属性以便它们触发事件，它们按以下顺序执行：

• 当鼠标移动时 1 --> 2

  鼠标悬停 2

• 当鼠标移动时 2 --> 3

  鼠标悬停2
  鼠标悬停 3
  鼠标悬停 2

• 当鼠标移动时 3 --> 4

  鼠标悬停 3 悬停
  2
  悬停 4
  悬停 2
  悬停 3

• 当鼠标移动时 4 --> 5

  鼠标悬停2
  悬停 5悬停
  3
  悬停4 悬停
  4
  悬停 3
  悬停 2

• 当鼠标移动时 5 --> 4

  鼠标悬停5悬停
  4
  悬停 3
  悬停 4悬停 2 悬停 3 悬停 2
  
  
  

• 当鼠标移动时 4 --> 3

  鼠标悬停4
  悬停 3
  悬停 2悬停 3 悬停 2
  
  

• 当鼠标移动时 3 --> 2

  鼠标移出 3鼠标
  移出 2
  鼠标悬停 2

• 当鼠标移动时 2 --> 1

  鼠标悬停 2

我特别使用 Firefox 9.0。请让我知道网络浏览器之间是否存在差异。

我正在尝试创建一个非常简单的 javascript 下拉菜单。菜单按预期工作，除非当我在使下拉 div 可见的 div 上鼠标退出时，它失去了背景颜色。因此，当我将鼠标悬停在 #m2 上时，我希望 #sddm li a:hover 保持活动状态。我需要 jquery 还是可以在 javascript 中完成？

http://jsfiddle.net/6ZzK2/

当我将鼠标悬停在链接上时，我的页面上会出现一个弹出窗口。弹出窗口不仅仅是一些文本或图像，它是它自己的网页。弹出窗口在鼠标悬停时出现没有任何问题，但我似乎无法让它在鼠标悬停时消失。我知道我需要编写某种 javascript 代码来隐藏弹出 onmouseout，但我似乎无法让它工作。有没有人有什么建议？这是我的代码：

当我将鼠标悬停在页面上时，错误显示 closePopup 未定义，这是有道理的，因为我无法在 JQuery 中正确定义它，所以如果有人知道我会非常感激它。作为旁注，我不需要在上面的 asp.net 代码中定义 openPopup 。我不确定为什么它不需要任何额外的代码。

我有一个楼层图像，因为我正在使用“Usemap”属性来链接坐标。

像这样：

现在我需要的是我将拥有两个图像，例如 1.Store Room 2.Record Room

例如：

假设如果在储藏室上进行鼠标悬停，储藏室中的区域应该突出显示，然后鼠标悬停它应该是无显示和记录室。

如何在 Jquery 或 javascript 中实现这一点？

财政年度：

因为这个我需要...

在此处输入链接描述

我在这里和互联网上搜索了可以重新启用代码中onMouseOut已禁用的onClick代码。我找到了一些东西，但没有什么适合我的情况。

在页面上有一个容器 div，其中包含两个 div，一个用于图像，一个用于其相应的文本。图像下方是无序列表中的四个链接（1、2、3、4）。当访问者在#2 上滚动时，图像需要更改为 img2，匹配的文本 div 需要从“隐藏”变为“显示”。将onMouseOut图像和文本重置为原始版本。将onClick图像/文本更改为单击的任何 #，然后禁用onMouseOut.

现在，我需要一种方法来onMOuseOut在下次访问者滚动该#link 时再次进行这项工作。正如我现在拥有的那样，一旦onMouseOut禁用它，它就会一直处于禁用状态，直到我重新加载页面。

这是到目前为止的代码：

列表项 #2 是我正在测试的示例。我仍然是 Javascript 初学者/中级人员，因此任何答案都必须足够简单，以便我理解并应用于该项目或完成，以便我可以复制/粘贴它。

我必须在 javascript 中创建一个动态菜单，所以我使用 onMouseOver 和 onMouseOut，但问题是当我将鼠标聚焦在行空间上时，菜单消失，因为它认为我不再在 div 中！

那么，如何纠正这个问题，也许用 CSS 呢？

谢谢！

尝试browse catagories在以下链接中模仿https://dev.twitter.com/discussions

onmouseover - 容器扩展以适应其自身的新项目 - 但是，在容器内移动鼠标（扩展容器）将导致onmouseout被调用 - 即使鼠标在容器本身内 - 愚蠢的错误或不尝试很难找出我可能在哪里以及如何出错

代码 -

我已经阅读了许多关于类似主题的帖子，所有这些都非常出色，并且我在阅读它们时学到了很多东西，但是我仍然无法使我的代码令人满意地工作。

我有一个带有许多按钮的菜单栏。当我将鼠标悬停在其中的 3 个上时，一些 javascript 会为每个按钮动态创建一个下拉菜单。

当我将鼠标完全移出按钮或菜单栏时，我会清除下拉菜单。

显然，当我将鼠标悬停在下拉菜单上时，我不希望清除此下拉菜单。

当然，onmouseout 事件会触发并清除此菜单。

我可以看到用于类似问题的各种方法。但是这些都不起作用，我认为这是由于 div 和 dl 在侦听器分配给父级时创建的地方显然不存在。因此，尽管添加到 dom 的 html 将下拉列表置于侦听器的范围内，但它仍然假定发生了 mouseout 事件。

我试图通过为已成功添加的动态内容添加侦听器来进行更正，但我仍然无法阻止鼠标悬停在鼠标悬停之前触发。