问题标签 [mouseout]
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.
jquery - jquery:即使在我使用单击事件隐藏 div 之后也会触发 mouseout 事件
所以这就是我的代码,问题是当点击事件被触发时一切都很好,na dissapears 但是当你移动鼠标时它会再次出现。我认为问题是触发了 mouseout 事件,但对于我来说,我无法弄清楚如何解决它。有任何想法吗?
jquery - Jquery:当悬停在 P 上时,div 淡入该 P 的中心,但是当鼠标悬停在该 div 上时,它会产生鼠标移出效果
这就是我的代码所做的:如果#placeBookmark 有类.placing,那么当我将鼠标悬停在段落上时,它会在#bookmarkThis 中消失。#bookmarkThis 只是一个带有“书签”字样的 div,当页面加载时,这个 div 会附加到页面上,并位于被悬停的段落的中心,然后在鼠标移出时淡出。
我的问题/问题:当我将段落悬停时,它会淡入该段落并居中,但是当我的鼠标移到#bookmarkThis(这是淡入的Div)上时,它会淡出,就像我鼠标关闭一样该段的。我如何防止#bookmarkThis 弄乱我的段落悬停?
注意:#bookmarkThis 在页面加载时附加到正文(它不是 P 的子项),然后相对于被悬停的 P 定位。
jquery - 在鼠标悬停时保持滑动菜单打开
我正在尝试将加载了内联 Javascript 的现有菜单系统转换为仅使用 jQuery 的新的、更高效的代码。
我有一个带有翻转图像的单杠。我在页面中有一个包含整数值的隐藏字段。当页面加载时,相应的菜单会加载一个“粘性”版本的图像,并且所有其他菜单项在鼠标进入和离开时交换图像。它加载了大量的内联 Javascript 和一个怪物 Javascript 文件,每次我创建一个新站点时都很难转换。
我成功地将这一切转换为 jQuery,在那里我还能够禁用对粘性菜单项的单击。现在我可以简单地设置一些变量并根据每个站点的设计轻松自定义它。
工作很棒...
现在又来了一个新问题。一种设计在每个菜单图像下包含一堆滑动抽屉。滑动动画由外部 JS 文件处理,菜单抽屉本身每个都只是一个 DIV,其中包含嵌套在容器 DIV 中的内容。
因此,我为 jQuery 编写了一些简单的东西,它们可以为 DIV 设置动画,并在鼠标悬停时将其滑入和滑出以获取菜单图像。
问题是我似乎无法解决鼠标离开菜单图像并向下移动到菜单抽屉而不关闭抽屉的问题。我明白“为什么?”......我要离开触发动画的图像,在我进入抽屉之前关闭抽屉。如果我将悬停动画应用于抽屉容器,它只会在菜单下创建一个区域,该区域也会触发动画,我也不想要这样。jQuery 似乎变成了一个更复杂的问题。所有这一切都可以使用内联 Javascript 正常工作......您只需将鼠标从图像移动到相邻的打开抽屉而不触发关闭它的功能......就好像抽屉的内联“鼠标输入”取消了图像的“鼠标离开”。
有什么建议么?
谢谢!
编辑:
我相信我在从图像传递到抽屉时使用 .stop(true, false) 解决了这个问题。这甚至在动画开始之前就停止了动画。然后在启动正常动画之前进入图像时也是如此......这具有停止由离开抽屉并进入图像而触发的动画的效果,但在正常进入图像时也什么都不做。更多测试,然后我将发布一些示例代码。
编辑#2:
我让它使用“stop()”和“delay()”来控制动画,但如果你可以让鼠标更快地进入抽屉,它可以冻结抽屉的打开。安装时间为 150 毫秒。但现在设置为 300 毫秒以夸大问题。
相关代码张贴在这里...
jsfiddle.net/qPLVp/8/
编辑#3:
多亏了 Neil,它现在运行得很好。通过更快的动画速度,鼠标越过菜单图像并进入抽屉的情况将保持在最低限度。但是如果发生这种情况,抽屉将不会关闭,这比从鼠标下方关闭要好得多。
http://jsfiddle.net/elusien/PayFw/8/
编辑#4:
再次感谢 Neil,这是相同代码的更高效版本......
jquery - jQuery - 具有多个 div 的 mouseover/mouseout
我有一个隐藏的 div 嵌套在一个较大的 div 中,并将其设置为当您将鼠标悬停在较大的 div 上时,隐藏的 div 会向下滑动。在鼠标移出时,div 会向后滑动。问题是,当鼠标经过较小的 div 时,它会尝试将其向上滑动,因为触发了 mouseout 事件。如何防止 div 再次隐藏,直到鼠标悬停在两个 div 上?
html:
(额外的类是模块化 css 系统的一部分,并定义了 #topbarVis 的宽度和高度等
CSS:
js:
jquery - 需要幻灯片鼠标移出效果的帮助
在您将鼠标移出底部的导航栏后,我试图让我的幻灯片转到幻灯片中的第一张幻灯片我已经将 pagerEvent 更改为 mouseover,但我不知道如何使其鼠标移出到第一张幻灯片。我是 jquery 的新手。感谢
jquery - mouseout 似乎在 mouseenter 上触发
这是一个导航菜单,带有包含子页面的大下拉菜单。下拉菜单应仅在单击主导航 li 时出现,然后在将 li 和/或 .subNav div 留在 li 内时隐藏。它应该在单击时显示,但是一旦我尝试输入 .subNav div,整个下拉列表就会再次隐藏(“单击”类被删除)。
这是导航 li 的 HTML 及其 .subNav 下拉列表:
这是在单击时将“单击”类添加到 li 的 jQuery,并且应该在 mouseout 之前不会将其删除,而是在 mouseenter 上进行。
jquery - 意外的鼠标退出
我在“http://dev.moragues.pe/austral/es/#/nosotros/organizacion/gerencia/”上有一个画廊 我已经注册了两个活动
但是当我将鼠标放在 div 上时,我再次看到了 alert('a')、alert('b') 和 alert('a') 但我刚刚通过了鼠标(所以我认为这只是一个事件)
我发生在谷歌浏览器和 Internet Explorer 中。有没有任何想法?
jquery - 鼠标悬停和鼠标悬停功能jQuery
我有这个脚本:
但是当我现在将鼠标悬停在 a 元素上时。mouseover 和 mouseout 继续进行。我怎样才能改变这个脚本。当我悬停a元素时。当我将鼠标悬停在元素上时,mouseout 启动。
apache-flex - 在 Flex 4 中,根据旧组件调整大小后的大小触发 mouseOut 事件?如何避免这种情况?
我有一个名为 X 的组件。当我将鼠标悬停在它上面时,我正试图从它上下来一个菜单。
我有一个 mouseOver 处理程序,它将组件的状态更改为另一种状态,该状态在下部显示一个额外的子组件(菜单)。这当然会使 X 组件增长。
我还有 mouseOut 事件处理程序,它通过将组件 X 返回到其原始状态来使菜单消失。
当我将鼠标移到组件上时,菜单按预期显示。但是当我将鼠标向下移动到现在可见的菜单时,只要我触摸它,它就会消失。这样就不可能到达菜单。
我猜一旦我移出旧边界,就会触发 mouseOut 事件。是这样吗?我该如何避免呢?新边界现在应该考虑带有菜单的额外子项。
在此先感谢,努诺
javascript - 在两个 div 之一的鼠标移出时隐藏 div,但不在两者之间
我目前有两个<div>
s。当悬停第一个时,第二个应该淡入。当mouseout
第一个或第二个时,第二个应该再次淡出。但是,当将鼠标从第一个移动到第二个时,第二个应该保留(如鼠标悬停菜单)。
我现在实现的是简单mouseover
/mouseout
事件处理程序:http: //jsfiddle.net/tC3ZL/2/。
问题是,当将鼠标从第一个 div 移动到第二个 div 时,持续显示第二个 div 的要求不起作用 - 当将鼠标从第一个 div 移动到第二个 div 时,会提高mouseout
第一个 div 的值。
我怎么可能在我的代码中添加这个规则?我试着做http://jsfiddle.net/tC3ZL/1/:
但这会使第二个 div 在将鼠标从第一个 div 移动到第二个 div 时淡出并淡入,而它应该保持没有任何影响。
提前致谢。