嵌入标签的 mouseleave 事件答案

【问题标题】：mouseleave event for embed tag嵌入标签的 mouseleave 事件
【发布时间】：2013-02-04 18:24:54
【问题描述】：

我将mouseover 和mouseleave 事件绑定到#container div，html 如下：

<div id="container">
<a href="#">test</a>
<div class="zclip" id="zclip-ZeroClipboardMovie_2" style="width: 110px; height: 31px;     left: 75px; top: 85px;"><embed width="110" height="31" align="middle" wmode="transparent" flashvars="id=2&amp;width=110&amp;height=31" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" name="ZeroClipboardMovie_2" bgcolor="#ffffff" quality="best" menu="false" loop="false" src="/static/js/zclip/ZeroClipboard.swf" id="ZeroClipboardMovie_2">    
</div>
</div>

问题是，每当我的鼠标进入.zclip div然后离开时，即使我的鼠标还在容器中，它也会触发#container div的mouseleave事件。 #container 内的锚标签不存在这样的问题。我不知道它是否与.zclip div 中的embed 元素有关。有人可以给我一些想法吗？

【问题讨论】：

你能写一个jsfiddle你的情况吗？
我尽我所能在 jsfiddle 中重新创建了您的设置，但我只看到为整个容器触发了一个 mouseleave 事件。我认为我们需要看看你是如何绑定这些事件的。 jsfiddle.net/jwcarroll/6jD3u

标签： html mouseover mouseleave

【解决方案1】：

只需在您的 mouseleave 事件处理程序中使用 event.stopPropagation()

.stopPropagation()

【讨论】：