html - 嵌入标签的 mouseleave 事件

Question

我将amouseover和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然后离开时，即使我的鼠标还在容器中，也会触发div的mouseleave事件。#container里面的锚标签没有这样的问题#container。不知道是不是和divembed里面的元素有关系。.zclip有人可以给我一些想法吗？

Answer 1

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

.stopPropagation()