问题标签 [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 投票
2 回答
1788 浏览

javascript - Javascript:[onmouseover] 和 [onmouseout] 事件

一般问题


例如,想象一个下拉菜单,当您mouse over在链接上弹出下拉菜单时。

但是正如您在下面的文章中所看到的那样,它存在问题,当您将鼠标悬停在链接上时(对于某些浏览器,元素内的所有内容)该框消失了。问题来自event bubbling.

在我的文档onmouseover中,onmouseoutdelayed with 0.5 seconds可以看到有时元素会因为这个问题而开始振动。

阅读本文以更好地理解:

www.quirksmode.org - Javascript - 鼠标事件

Quirksmode 解决方案


我的文件


你可以在这里找到我的完整文档:

JS Bin - 我的文档

mouseEvent(e)您可以在这里找到没有功能的原始文档:

JS Bin - 原创

将鼠标悬停在按钮上,然后将鼠标悬停在框上,然后快速将鼠标移出并快速返回框,然后它将开始振动。(在 Firefox 3.6 Windows 7 上)

Javascript

HTML

我的问题


quirksmode 给出的解决方案听起来合乎逻辑,但我不知道how to use the function我尝试了很多方法,我发布的只是一种,但我不明白,所以如果你能帮助我做到这一点,我会很高兴工作。

0 投票
2 回答
1056 浏览

javascript - 在脚本中设置鼠标悬停

我一直在为星级评分系统编写的脚本,使用 onClick 事件保存填充的星星,并将 onmouseover 和 onmouseout 值更改为 null,因此之后将鼠标移开它们不会搞砸,并且表单有多个评分和底部的清除按钮,我需要通过下面的函数重置 onmouseover 和 onmouseout 事件,但在其中,ratings[y]x被视为文字而不是它们包含的内容,并使onmouse 事件失败,因为参数不正确。以这种方式更改事件时如何输入变量?

0 投票
2 回答
1727 浏览

javascript - Safari 鼠标悬停问题

我正在尝试在我的导航菜单的 xhtml 页面中获得 onmouseover 和 onmouseout 效果。

此代码仅适用于 Firefox,但没有其他功能。有人可以告诉我如何让它在所有浏览器上工作吗?

这是我的代码:

我已经在 chrome 和 IE 7 & 8 中尝试过这个,但错误仍然存​​在。Safari 给我错误:TypeError:表达式'document[img_name]'[undefined] 的结果不是对象。”

0 投票
4 回答
2987 浏览

javascript - 当我将光标移动到元素上而不离开元素时调用 onmouseout JavaScript 事件

我在页面中有一张图片,onmouseover如果出现该图片,我将调用 JavaScript 函数来显示工具提示,在onmouseout图片中,我将调用一个方法来隐藏工具提示。现在我发现当我将光标放在图像上时,它正在调用显示工具提示div的方法。

如果我在图像中移动鼠标,它会调用onmouseout事件(即使我不在图像之外)。我怎样才能阻止这个?我想onmouseout在光标不在图像时被调用。有什么想法吗?

我是这样称呼它的:

在我的 JavaScript 中:

0 投票
2 回答
333 浏览

javascript - 我在无序列表中有一个导航。悬停时,这些图像应该切换出去

整个页面是主索引文件中的 PHP 包含。我应该将javascript放在主页上吗?或外部javascript文件?我引用 li 错误吗?

(外部 CSS 页面)

0 投票
1 回答
814 浏览

javascript - 在 CSS 和 onmouseover、onmouseout 中的类上“循环”的 Rails 问题

我的 index.html 中有这段代码:

作为表格的一部分,以及相关的 css:

关键是要制作一个带有可点击行的表格,带有不同颜色的奇数行和偶数行,当鼠标悬停时,它们会获得第三种颜色。问题出在代码的循环部分,如果我在class="<%= cycle('odd', 'even') %>"中只放一个循环,一切正常,我有奇数行和偶数行不同的颜色,但是当我过去然后用鼠标退出时,类值仍然是由onmouseover="this.className='over';"设置的值 . 所以我决定使用onmouseout="this.className='<%= cycle('odd', 'even')%>';" 像这样:

这就是问题所在!每个循环都停止工作,并且我始终将类设置为循环中两个参数中的第一个。任何的想法?也许是一个错误?还是浏览器不兼容?我需要在 Chrome 上完成这项工作。感谢大家的任何建议

0 投票
1 回答
582 浏览

php - div onmouseout 里面有图像,如何在每次选择图像时不“退出” div 的情况下完成这项工作?

我的问题是“简单”,我有一个带有 onmouseout 属性的 div,带有一个警报(“1”),该 div 里面有 2 个图像,每次我选择一个警报显示的图像。

例子。

我只想在我的鼠标离开所有 div 时才显示该警报,这个 div 也应该包含图像。

谢谢。

0 投票
2 回答
3527 浏览

javascript - 将 OnMouseover 事件添加到 TinyMCE 编辑器实例

我想将 onMouseOver 和 onMouseOut 事件添加到 TinyMCE 中的编辑器实例(通过插件),但 TinyMCE 的 API 似乎不支持它们。具体来说,我希望当元素被鼠标悬停以切换“只读”模式(可能还有其他东西)时出现一个控件。我是否必须自己将代码添加到 TinyMCE 才能做到这一点,还是通过一些不明显的途径支持它?如果我必须添加代码,是否有一些禁止支持这些事件,这些事件构成了他们不将其包含在 API 中的推理基础?

为了澄清那些与下面的响应者有同样困惑的人的利益,我特别希望将一个事件附加到由 TinyMCE 库创建的 TinyMCE.Editor 实例(例如,传递给使用的回调的类在 TinyMCE.init 的设置参数中)。我希望执行以下操作

,但 ed(TinyMCE.Editor 的一个实例)不支持 MouseOver.add 以类似事件的方式。

0 投票
1 回答
857 浏览

javascript - 以编程方式对使用 appendChild 添加的元素使用 onmouseover

我正在使用此代码向表usign js添加一行:

我想在那个 TR 上使用 onmouseover 来改变背景颜色,我该怎么做?

0 投票
2 回答
729 浏览

javascript - scriptaculous: onmouseover /onmouseout 用于几个 id 和闪烁问题

嗨,基本上我想做的是让不同的图像发生相同的事件,并且只在 .js 文件中编写一次代码行。这应该是非常基本的,但我找不到任何简单的指南。

这是代码的一个示例,我每页至少有 2 次:

所以它在这个列表中是 3 倍,我有两次。不知道js里面的语法怎么做,html里面怎么引用。

另外,如果您知道为什么第二个 li 有一些闪烁的问题,尤其是在第一个和第三个完全没有问题的情况下快速浏览它时,那就太好了(可能与附加样式有关,但仍然很奇怪)