问题标签 [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 回答
1007 浏览

javascript - JavaScript OnMouseDown 图像悬停效果帮助

所以这是我制作的秒表(你可以在这里查看)。

但是,当您尝试时,您会发现存在一些问题,而我要实现的是...

当我将鼠标悬停在开始按钮上时,它会显示悬停,但是当我单击时会出现停止按钮,并且当鼠标按钮向上时,会出现停止按钮悬停/悬停图像。

它在其中执行我想要的操作,但是当您将鼠标悬停在秒表上时,当我希望停止按钮保留时,开始按钮会出现。

此外,当时间流逝时,光标仍在停止按钮上,一旦再次按下它而不是显示开始按钮,就像我希望它仍然显示停止按钮一样。

现在我知道我必须使用 If 和 Else If 语句,但是我不知道如何让它工作。(我花了将近 3 个小时试图找到答案,今天一整天都在享受内心的金发时刻)

有人可以帮忙吗???

0 投票
4 回答
30596 浏览

javascript - css“onmouseover”事件是如何工作的?

更新-对不起,我应该提供我看到效果的网站的链接。给你 - http://www.w3schools.com/Css/css_image_transparency.asp

我在那里看到的代码(以及这个问题的基础)如下 -

原来的问题如下 -

我一直在寻找可以在不使用 JS 的情况下完成的翻转效果,我偶然发现了 w3schools 网站教授图像的不透明度设置。在代码中,没有涉及js,只是纯css。

我什至尝试在我的网页中使用相同的代码(还没有任何 js),我注意到代码恰好在 chrome 和 IE 7.0 中都能完美运行。该代码有一个“onmouseover”事件和另一个“onmouseout”事件,以根据不透明度设置提供悬停效果。

想知道这些效果(onmouseover 和 onmouseout)是否 - 1. 纯 css 2. 符合标准(xhtml 1+ 和 css2) 3. 是否涉及任何黑客攻击

我仍然无法相信这些东西在 ie7 上有效,并且想知道为什么没有关于这些事件的文档。

0 投票
2 回答
1244 浏览

jquery - 帮助使用 JQuery .click 事件替换 onmousehover 和 onmouseout 属性

我是使用 Javascript 和 JQuery 的新手,可以使用一些帮助。

我正在尝试创建一个用于暂停和播放 JQuery Cycle 幻灯片的控制面板。该面板具有 prev、next 和 play 链接。当用户将鼠标悬停在控件上时,它会将图像替换为另一个。当用户点击播放链接时,它会用暂停图像替换图像。我希望能够替换 onmousehover 和 onmouseout 属性以及为暂停链接定义单独的悬停图像。这可能吗?

这是我的代码:

和 HTML:

0 投票
2 回答
174 浏览

javascript - 为什么当鼠标只移动到内部元素时会触发 onMouseOver 事件?

当鼠标悬停在内部元素上时,mouseOut首先触发外部元素的事件,然后mouseOver触发内部元素的mouseOver元素,最后触发内部元素的元素。

为什么会这样?因为内部元素在技术上仍然在外部元素的内部,所以鼠标在移动到内部元素时不会离开外部元素。有没有办法防止这种情况?

完整示例:http: //jsfiddle.net/pMCeu/4/

0 投票
1 回答
897 浏览

javascript - 母版页内的javascript onmouseover问题

嗨,我目前正在处理一个 asp.net 项目,我需要制作一个按钮,当用户将光标从左向右或从右向左移动时,会填充隐藏的文本字段,然后为服务器端调用 dopostback读取该隐藏字段的值。

我的问题是,当我创建它不调用的事件侦听器时,因此 pageX 不起作用。我目前正在 Google chrome 浏览器上进行测试,我已经在 IE 中测试了 clientX 部分并且运行良好。

这是绳索的 .aspx 侧

这是编码 aspx.cs

0 投票
3 回答
546 浏览

javascript - Javascript Mouseover 和 mouseout 动作

我有一个类似的代码;

我希望超链接在鼠标悬停时显示 div,同时如果用户将指针移到 div 上,则 div 不会关闭并继续显示,但如果用户将光标移出 div 和超链接div 将关闭。我可以在 ShowDiv() 和 HideDiv() 函数中实现什么。

谢谢你..

编辑:在开始时,div 的可见性设置为 false,当鼠标移到超链接上时它会显示

0 投票
3 回答
537 浏览

javascript - jQuery Mouseenter 和 mouseleave 动作

我正在使用以下 jQuery 脚本:

如您所见,当鼠标悬停在名为 的超链接上时#hldiv#divid应显示 。主要目标是DIV在鼠标悬停时保持显示DIV- 但#divid最初不应该是可见的。

如果鼠标移到超链接上,DIV应该会出现,当鼠标移到超链接上时DIV,它应该一直停留到鼠标离开。

问题是,使用我当前的代码,当用户移过超链接然后移出时 -DIV正确出现/消失,但是当用户移出超链接并移出DIV自身时,DIV也消失了。

我应该如何解决这个问题?

0 投票
1 回答
159 浏览

javascript - 在同一页面中多次使用 js

我正在做的事情很简单,当鼠标经过它时我会更改图像源,然后在它出来时将旧的放回去..

使用这个 javascript:

我发现 JavaScript 在移动到另一个图像时不会更新图像,它只会更改鼠标经过它的第一个图像,我需要它来更改它经过的每个图像。

我能做些什么来解决这种情况?

0 投票
3 回答
2549 浏览

javascript - Javascript:鼠标悬停时停止横幅幻灯片(不适用于 Firefox)

以下代码可以在 IE 中停止幻灯片横幅,但在 Firefox 中不能暂停?请帮忙。

谢谢。

以下是我显示横幅的 javascript 代码:

ASP 代码:

0 投票
1 回答
8826 浏览

javascript - Javascript:在图像的 onMouseOver 和 onMouseOut 上打开和关闭新窗口,但前提是新窗口 onMouseOver = true

感谢大家之前帮助我解决我的 Javascripting 问题。我目前的问题是我需要分别在图像的 onMouseOver 和 onMouseOut 上打开和关闭一个新窗口,但是如果新窗口 onMouseOver == true 那么我不希望新窗口关闭。

我确信有一个简单的解决方案,但我似乎无法找到一种方法来取消图像的 onMouseOut="closeDetails();" 如果用户将鼠标悬停在新窗口上。下面是我正在处理的大部分代码。在此先感谢您的帮助。