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

javascript - 第二个 JS 按钮触发第一个 JS 按钮

我知道我必须做错事,但我还是不完全理解我在做什么。我正在创建一个表单,它将有多个链接到 JavaScript 函数的按钮来做事。我的基本点是将这两个按钮放在同一页面上,当您 onMouseOver、onMouseDown、onMouseUp、onMouseOut 时,它会更改我的按钮的图像。

我知道还有其他方法可以做到这一点(更好的方法),但我正朝着这个方向努力,至少可以更好地理解 JavaScript 的工作原理。我知道我会在路上做一些更复杂的事情,可能需要这样的事情,我想确保当我到达那里时我理解它。

我遇到的问题是,当您尝试使用第二个按钮时,它没有任何作用。第一个按钮工作正常,但第二个按钮不行 当你尝试使用第二个按钮时,它会使第一个按钮熄灭。因此,如果我 onMouseOver 按钮 2,按钮 1 将显示效果。我尝试将我的图像文件复制到一个新集合中,这样它们就不会使用相同的图像,但这只是向我展示了当我使用按钮 2 时,为按钮 2 设置的功能正在应用于按钮 1。

无论如何,这是HTML代码....

这里是 JavaScript....

我在这里做错了什么?如何让这些链接真正彼此分开工作?

请教我聪明的人。我知道这一定很愚蠢。

0 投票
2 回答
1308 浏览

jquery - Jquery将元素附加到Div并在鼠标移出时隐藏

我正在尝试使用 Jquery 将页脚 div 附加到另一个 div 中,并在悬停时显示新添加的页脚 div,然后慢慢淡入/隐藏。这是我到目前为止提出的代码:

我在这段代码中面临的障碍是附加的 div 将不服从 .show('show') 函数,并且在鼠标从悬停区域移除后,附加的 div 不会慢慢淡出,而是立即淡出。有人可以建议我在这里缺少什么吗?

好的,我得到了可以使用的代码:

但是,当鼠标移离('.xg_widget_main .module_forum .vcard')时,附加的 div 不会删除/隐藏。有人可以建议如何做到这一点吗?

0 投票
2 回答
2107 浏览

css - 快速移动鼠标时未触发 OnMouseOut 事件(GWT - 所有浏览器)

我有一个 DIV 代表一个带有文本“HELLO”的蓝色矩形,当用户单击它时,它的颜色将更改为红色,文本“BYE”,当用户将鼠标光标移出时,恢复其原始颜色和文本。这些样式在 CSS 中描述,文本由 GWT 事件控制(参见下面的 Java 代码)。

问题是,当我快速移动鼠标时,任何浏览器都不会触发 ONMOUSEOUT 事件。但是如果我慢慢移动它就可以了。

请问有什么想法吗?谢谢

我的文件.html

我的文件.java

0 投票
1 回答
1129 浏览

dojo - 上下文菜单未触发 onMouseOut onMouseLeave 事件

我正在创建一个动态上下文菜单,正如预期的那样,我希望在鼠标离开菜单框时关闭菜单。我用过 :

但是当我走出盒子时,什么也没有发生。如果我在 MenuItems 中放置相同的功能,那么当我离开 MenuItem 框时,它会关闭该框。

任何意见?

0 投票
3 回答
1272 浏览

javascript - 发布或离开页面时,onmouseover 在 chrome 中失败

我在页面上的图片上有 onmouseover 和 onmouseout 属性。提交时 onmouseover 和 onmouseout 导致图片失败(返回图片源未找到图标)

和 Javascript:

0 投票
3 回答
1966 浏览

javascript - javascript onmouseout 也适用于鼠标悬停

我正在尝试在按钮中显示/隐藏一些文本。按钮是

和javascript代码是

问题是即使我将鼠标悬停在鼠标上也会发出警报。

注意:我不能使用 jquery,因为该站点是基于 vbulletin 的,并且我在其中一个模板上使用了此代码。

0 投票
1 回答
1410 浏览

jquery - onmouseout-event 过早触发

根据以下教程尝试实现下拉菜单时,我遇到了一个奇怪的问题:http ://www.webchief.co.uk/blog/simple-jquery-dropdown-menu/index.php onmouseout 事件是一旦我的光标尝试选择下拉选择中的第二个元素(添加 Uni),就已经触发了。但是,只要光标停留在第一个菜单项(通讯簿)上,一切都会完美运行。

0 投票
2 回答
8540 浏览

javascript - tr onmouse 事件

我希望能够将鼠标悬停在一行上并突出显示所有内容,但是由于某些单元格具有不同的背景,因此下面的代码存在问题。

没关系,所有单元格都具有相同的背景,但是如果我单击一个单元格,它会突出显示它并onmouseout="this.style.background='#595959'"始终将其重置。

我怎样才能将其更改为:

0 投票
3 回答
4032 浏览

jquery - 将鼠标悬停在 div上时的 jQuery mouseover mouseout 事件

我正在尝试使标题在缩略图上出现和消失。这是我的标题跨度:

这是在<li>带有“thumb”类的标签内。

我正在使用的 jQuery 是:

现在这工作得很好,但是当我将鼠标悬停在标题上时它工作......我希望它在我将鼠标悬停在缩略图上而不是标题所在的位置时触发,这样当鼠标移到缩略图上时(在它的任何地方) 标题出现。

有人可以帮我这样做吗?另外,我可以给它一个动画效果..让它逐渐出现和消失,而不是立即出现和消失吗?

米罗

0 投票
1 回答
653 浏览

image - gif 和 png 图像仅在 IE8 上消失

我的 6 张图片(悬停时的 png 和动画 gif)无法仅在 IE8 上加载,我已经在 mac 和 windows 上的大多数浏览器上进行了测试,而 IE8 是唯一无法加载图片的浏览器。它们实际上出现在 IE7 上,我一直在网上查看解决方案或类似问题,但似乎找不到合适的解决方案。

这是该页面的链接:http: //tinyurl.com/8ydbp6y

继承人该特定部分的 html

提前致谢!

编辑 我检查了 IE8 图像报告,显然它将我的图像的宽度和高度调整为 0px。我不知道为什么会这样:| 我不知道如何解决它