blocks|key|1508240|text|确保按钮上方没有另一个选择器。例如，如果你有一个带有填充和标签的div，当你的鼠标从div移动到标签时，mouseleave事件将会触发，即使你在。解决方案是什么？将边框、鼠标输出和填充直接添加到标记中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1508241|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Make sure there's not another selector on top of your button. For instance, if you have a div with padding and an tag inside, the mouseleave event WILL fire when your mouse moves from the div to the tag even though you're inside the . The solution? Add the border, mouseout, and padding directly to the tag.

blocks|key|1508263|text|jQuery的.live已弃用，请使用.on|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1508264|此外，使用mouseout意味着当鼠标离开所选元素或任何子元素时，事件都会被触发。mouseleave仅适用于所选元素。|BOLD|1508265|++$('.nocMenuContainer').on('mouseleave',function(){+++++
+++++++alert('bye');
++});|code-block|syntax|javascript|1508266|entityMap^0|7|5|J|3|0|5|8|15|A|P|1|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|11|8|@]|D|@]|E|$L|M]]|$1|N|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|O|$]]

jQuery's <code>.live</code> is deprecated, use <code>.on</code>

Also, using <code>mouseout</code> means that when the mouse leaves the selected element OR any of that elements children, the event is triggered. <code>mouseleave</code> applies only to the selected element.

<pre><code> $('.nocMenuContainer').on('mouseleave',function(){ 
 alert('bye');
 });
</code></pre>

blocks|key|5292122|text|在http://www.quirksmode.org/js/events_mouse.html#mouseover上有一个很好的文档。它可能会帮助您理解为什么在框中移动鼠标时会触发事件；它还提出了区分外部移动和内部移动的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5292123|entityMap|0|LINK|mutability|MUTABLE|url|http://www.quirksmode.org/js/events_mouse.html#mouseover^0|1|1K|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

There is a good documentation at <a href="http://www.quirksmode.org/js/events_mouse.html#mouseover" rel="nofollow">http://www.quirksmode.org/js/events_mouse.html#mouseover</a>. It may help you to understand why the event is fired when moving the mouse inside you box; and it proposes a solution for distinguishing between external and internal moves.

blocks|key|1508323|text|我也遇到过类似的问题，但是浏览器运行得很正常。mouseenter和mouseleave事件并没有像您预期的那样在所有覆盖的dom元素上传播。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1508324|对于需要这样做的情况，我开发了一个小的jQuery+library+called+。|1508325|正如您在示例中看到的，惟一的区别是您通过方法superBind而不是通常的方法(bind、live、on..等等)。|1508326|希望这能有所帮助！|1508327|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/gion_13/fPHDF/^0|N|A|Y|A|0|J|M|0|0|M|9|14|4|19|4|1E|2|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|H|3|I|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|1B|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]]]

I had a similar problem, but the browser is behaving quite normal. The <code>mouseenter</code> and <code>mouseleave</code> events aren't propagating on all the overlaying dom elements as you would expect. 
For cases when you need it to do so, I've developed a small <a href="http://jsfiddle.net/gion_13/fPHDF/" rel="nofollow">jQuery library called superBind</a>. 
As you can see in the example, the only difference is that you bind your events through the method <code>superBind</code> instead of the usual ones (<code>bind</code>,<code>live</code>,<code>on</code>.. and so on). 
Hope this helps!

I have a box (the black bordered). I have a handler to trance the mouseout event of this box. The issue is when the mouse is hovered over an item let say div within this box ( the red bordered box, and the blue bordered box). The <code>mouseout</code> or mouseleave of the black bordered box event is fired.

I am googling for three days, but did not find any solution for this issue. Why the mouseleave/out event is fired within the box as mouse is within its boundary. The position of the div is "absolute". I tried with core JavaScript and JQuery.

Hard to explain, A strange javascript mouseover issue

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个盒子(黑色边框)。我有一个处理程序来处理这个盒子的mouseout事件。问题是当鼠标悬停在此框(红色边框和蓝色边框)中的某个项目(假设div )上时。激发黑色边框事件的mouseout或mouseleave。我用谷歌搜索了三天，但没有找到任何解决这个问题的方法。当鼠标在其边界内时，为什么在框内触发mousele...

问很难解释，一个奇怪的javascript鼠标悬停问题
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问很难解释，一个奇怪的javascript鼠标悬停问题EN