问题标签 [onmouseout]

我有一个网格视图：

我正在尝试为每一行的特定单元格设置手悬停图标：

onmousover 和 onmouseout 事件出现在标记中：

然而，手上没有可见的痕迹，似乎也没有发生任何事情。我究竟做错了什么？使用 IE 8

您好我正在尝试使用 jquery 实现一个简单的菜单，但没有运气。
请查看这个小提琴。在此先感谢
http://jsfiddle.net/Gg3cR/12/

我目前正在使用 onmouseover 和 onmouseout 在悬停时交换图像。这很好用，但现在我们想添加这个滚动条的效果- 基本上，添加如果图像 A 是 20x20 并且悬停时显示的图像是 80x80 的功能 - 我怎样才能让悬停图像在“顶部”打开”的其他人，所以图像大小的增加不会影响容器或表？

有几个要求： 该解决方案需要在IE7中运行，并且必须能够在悬停时显示不同的、更大的图像。

我正在使用 javascript/jQuery 处理一个页面，并且几乎完成了。我应该有旋转内容（函数'rotatecontent'）和当相关按钮悬停时显示在旋转内容位置的div。我已经完成了所有这一切，除非当我将鼠标悬停在按钮上时，所有 div 内容都消失了，并且原始的 rotatecontent 功能不会恢复。一旦用户将鼠标悬停在按钮上，我需要实现一个功能以使其恢复。这是我的 JS：

这是我的 HTML：

我的页面上有一个超链接。我想在鼠标悬停在超链接上时显示一个 div，并在鼠标移出时隐藏它。

我的html：

Javascript：

和 CSS：

我尝试过 getElementsByTagName、getElementsByClassName，无论我尝试得到什么

我对 svg 组和基本动画有疑问。这家伙是个按钮。当悬停在上面时，会弹出一种菜单。目标是当鼠标指针离开按钮和菜单时菜单缩回。

麻烦从'onmouseout'开始；即使按钮和菜单是分组的，并且“onmouseout”作用于整个组，鼠标移出动作是通过将组内的任何元素鼠标移出来触发的。因此，从按钮移动到菜单会触发撤回。

为了解决这个问题，当将鼠标悬停在按钮上时，我在出现的顶部放置了一个遮罩（可以这么说 - 它确实变得可见但不透明度为 0，因此无法看到）。我在这里把它变成了灰色，所以你可以看到它。但是如果我想在这个菜单上添加元素，我不会比以前更进一步。红色块是另一个元素。

看起来，如果我只显示菜单而不是使用动画来使它们出现，那么这些组将按照我的意愿行事。

我希望有人可以提供帮助或提供一些启示。

我有以下代码：

div“inner-block”被定位，所以当你悬停时它直接在图像上方。因此，想法是对弹出链接的“内部块”div 的图像进行 onmouseover，然后在隐藏 div 并再次显示图像的链接上进行 onmouseout。

当我尝试使用 elem.nextSibling 时，我收到 elem.nextSibling 未定义的错误，因此您无法设置可见性。谢谢！或者，有没有其他方法可以做到这一点？谢谢你！

onmouseout在动态创建的 HTML 元素中使用该事件时，我遇到了问题。

这是 HTML 代码：

这是 JavaScript 代码的一部分（使用jQuery 1.7.2）：

显然，我想要的是检测鼠标何时离开div#imageWrapper并显示警报消息。

它有效，但不像我预期的那样有效：

当鼠标离开时，div#imageWrapper它会显示警报，但是当div鼠标在元素内部越过img元素时，它也会显示它（好像该img元素是 的“外部部分” div）。奇怪的是，当鼠标离开图像时（但鼠标停留在 上div），它也会显示警报消息。

底线： JavaScript 将div#imageWrapper和其中的img元素视为两个不同div#imageWrapper的 s。

有谁知道如何解决这一问题？

我有这段代码应该在鼠标悬停时触发，而在 onmouseout 上则相反：

counter部分只有number=number-8的变化；并且数字>=40；问题是我有多个框应该在鼠标悬停时点亮颜色变化并在鼠标悬停时点亮。当我在我的盒子上缓慢移动（大号）时，一切都很好，但是当我快速移动时，有些盒子不会亮起来......如果我很快通过的话，似乎不会发生 onmouseout。有什么帮助吗？

}

这是我的完整 js 代码

好的，所以，我有一个奇怪的情况，我多次遇到过。我正在寻找一个简单/最好的解决方案，而不是我之前使用的过于复杂的解决方案（并且已经忘记了）。

你看，我有一个幻灯片。我还有几个按钮浮动在幻灯片顶部（可见此处： http: //marsxplr.com/view-13378）

现在，当用户的鼠标移到幻灯片上时，这些按钮就会出现。然而，当用户的鼠标移到按钮上的那一刻，mouseleave 被调用（即使鼠标在技术上仍然在幻灯片上！）。这会导致按钮在鼠标移过它们时消失，这显然不是我想要发生的事情。

我解决了这个问题，然后让每个按钮在收到鼠标悬停时重新显示它自己。

但是现在，我们有一个问题......

该按钮位于幻灯片的最边缘。这意味着当调用 mouseleave 时，会发生以下两种情况之一：

A：鼠标离开了按钮但没有离开幻灯片，并且在幻灯片上调用了 mouseEnter 意味着不应该采取任何行动，因为幻灯片最终会负责将按钮隐藏在其 mouseleave 中。

B：鼠标只是离开了幻灯片和按钮，这意味着我们应该隐藏按钮！

所以我的问题是，我如何区分这两种可能性？是的，是的，一种解决方案是始终使按钮隐藏其自身 - 并依靠幻灯片重新显示按钮......但我担心幻灯片 onmouseenter 会在某些浏览器上的按钮 onmouseleave 之前被调用！正如您可能知道的那样，这可能会导致问题。事实上，想到这里，我已经很容易受到这种影响。例如，如果鼠标从幻灯片转到按钮，并且我的幻灯片的 onmouseleave 在 onmousleave 之后被调用，导致按钮仍然消失......

所以，长话短说，我需要知道以下两件事之一：

• 这些事件的调用顺序是否有保证？
• 或者有没有办法告诉鼠标在调用 mouseleave 时实际去了哪里？

正如您在上面的示例中看到的那样，我使用的是 mootools，所以 mootools 解决方案很好。然而，看到一个 vanilla-js 解决方案也会很有趣。

编辑： 我的按钮是浮动的并位于单独的 z-index 上，因此不会发生父子 DOM 关系的标准操作