用于嵌入标记的mouseleave事件

Question

我将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然后离开时，即使我的鼠标仍在容器中，它也会触发mouseleave div的#container事件。 #container内的锚标记没有这样的问题。我不知道它是否与embed div中的.zclip元素有关。有人能给我一些想法吗？

Answer 1

只需在event.stopPropagation()事件处理程序

中使用mouseleave即可

.stopPropagation()