html - 嵌入标签的mouseleave事件

我将mouseover和mouseleave事件绑定到#containerdiv，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>

问题是，每当我的鼠标进入.zclipdiv然后离开时，它也会触发mouseleavediv的#container事件，即使我的鼠标仍在容器中。#container中的锚标记没有这样的问题。我不知道它是否与embeddiv中的.zclip元素有关。有人能告诉我一些关于这个的想法吗？

最佳答案

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