问题标签 [onmouseout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
60384 浏览

javascript - 在鼠标悬停时更改文本并在鼠标移出时更改回

我想要一个在鼠标悬停时改变自身并在鼠标移出时变回原来的表格。这是我能做的最好的:

但是,有时当我将鼠标移出时,里面的内容仍然没有变回原来的样子。有一个更好的方法吗?

谢谢!

0 投票
2 回答
1031 浏览

javascript - JavaScript, 缩略图 ()

动画(图像更改)不会在 onmouseout 事件上停止。为什么?

JavaScript:

HTML:

<img id="aaa" src="http://example.com/file/aaa.png" width="160" height="120" onmouseover="thumbnail(1,2,2,9,'aaa','http://example.com/file/','.png');" onmouseout="thumbnail(2,2,2,9,'aaa','http://example.com/file/','.png');" />

图片:

aaa.png, aaa2.png, ..., aaa9.png

0 投票
1 回答
266 浏览

javascript - 使用本机 Javascript 的“onmouseover”事件出现问题

我正在尝试向onmouseout以下小部件中的名称添加一个函数。onmouseover工作正常,但翻车onmouseout时几乎立即着火。不知道为什么。

http://jsfiddle.net/A8fmg/

我认为这可能与“冒泡”有关,我一直在尝试阅读有关该主题的内容,但不太了解其含义。

任何帮助表示赞赏。

0 投票
2 回答
11334 浏览

jquery - 如何仅在悬停菜单项或 div 时显示 div?

我的项目包含在无序列表中。我在此列表之外隐藏了 div(使用 display:none;)。当您将鼠标悬停在列表项上时,我希望 div 出现。如果您将鼠标从列表项移动到其下方的 div,它也必须保持可见。

我愿意通过 CSS、JavaScript/jQuery 来实现这一点。另外,我的文档设置为 HTML5。

这就是我目前正在使用的。

在导航下方,我有将鼠标悬停在相应项目上时想要显示的内容。

我觉得应该有一个简单的解决方案,但到目前为止我的尝试都失败了。最大的问题是 div 不仅在悬停菜单项时显示,而且在您从菜单移动到可见 div 时也会显示。

感谢您提供任何建议,感谢您花时间阅读本文。

0 投票
0 回答
363 浏览

richfaces - richfaces rich:contextMenu 在调用 div 时执行 onmouseout 时在 IE6 中消失

我创建了一个带有 componentControl 的 div,它应该打开一个上下文菜单

上下文菜单一般是这样的

在 IE6 中,当我尝试将鼠标悬停在这个 contextMenu 上时,我的 div 的 onmouseout 函数被调用并且 contextMenu 消失了。当我从 div 中删除 onmouseout 参数时,上下文菜单仍然可见。

onmouseout 函数是这样的: jQuery('#I32').removeClass('classA'); jQuery('#I31').addClass('classB');

有谁知道为什么这不起作用?

兼容模式下的 Firefox、IE9 和 IE9 确实可以正常工作。

0 投票
0 回答
106 浏览

javascript - 选择消失与 onmouseenter

我想创建一个菜单栏。当鼠标悬停在菜单上时,会出现一个 div。

将出现的 DIV 通过 .appendTo jQuery 函数移动到代替注释的位置。

这是出现的 div:

我以这种方式绑定了事件:

其中 showMenu 和 leaveTabs 是显示或隐藏 div 的函数。

它工作正常,但是当我单击选择选项并消失时。

有什么建议么?

谢谢

0 投票
1 回答
1000 浏览

jquery - jQuery on mouseover 在 mouseout revert 上做一些事情

当您单击按钮时,它们会加载页面,但在悬停时,我在 WordPress 模板中有以下 jQuery,它将我的内容加载到 div 中:

我需要帮助来设置鼠标移出

因此,如果我在site.com/about菜单上并将鼠标悬停在 div 中加载的内容然后我希望鼠标悬停恢复到关于页面的内容......等等

感谢您在这方面的任何帮助

0 投票
2 回答
1737 浏览

javascript - onmouseout 与 onclick 冲突

好的,我正在使用 JavaScript 来控制图像交换,以便当有人单击图像时,它会变为图像的“点亮”版本。在链接标签中执行此操作的代码是onclick="changeto('wdl')"我添加onmouseover="changeto('wdl')"到链接中的,因此当您将鼠标悬停在它上面时,它也会亮起。

现在,问题出现的地方自然是我添加onmouseout="changeto('wdd')"了图像的未点亮版本。当然,这里发生的事情是当我将鼠标悬停在它上面时,它会亮起,当我将光标移开时,它会变为不亮的版本。但是,当您单击它时,它会将图像更改为应有的点亮版本,但是由于该onmouseout命令,它会更改为未点亮的版本。

我想要的是能够将鼠标悬停在图像上并使其亮起。如果您单击它并将鼠标移开,它会保持点亮状态,但如果您不单击它并将鼠标移开,它会停留在“关闭”图像上。

任何帮助表示赞赏,我在这里很难过。我打算尝试使用某种if (!this)类型的东西,但老实说我不知道​​。

0 投票
2 回答
1311 浏览

javascript - 在鼠标悬停和鼠标移出时插入图像

我在 div 中有一个图像,我试图在鼠标悬停时更改它,然后在鼠标移出时恢复。但是,我无法在鼠标移出时将图像插入到 div 中。是解决此问题的特定方法还是替代消息。问题似乎与在 HTML 插入中放置斜杠有关。

0 投票
2 回答
156 浏览

javascript - js和html中的onmouseout行为

在上面的链接中,我someFunction()在鼠标离开链接时触发。似乎直截了当。但是当我将鼠标悬停在图像“blah.jpg”上时,onmouseout 事件也会触发。这是不可取的,因为“blah.jpg”实际上在a节点中。a如果我在节点内有一个 div,或者除了纯文本之外的任何其他 html 元素,也会发生同样的事情:javascript 认为这是在节点之外a。有没有办法阻止这些事件不正确地触发?所描述的行为是在 win7 上的 chrome 和 ff 中。

*更新:如果有 jquery 解决方案,请告诉