onMouseOut事件冒泡的问题解决

鼠标进入div中触发onmouseover事件，当鼠标进入div的子元素中 会同时触发div的onmouseout事件和子元素的onmouseover事件。

其实我们希望进入子元素时让他触发onmouseout事件。

代码如下解决问题，jquery引用

<div id="div1" style="width:200px; padding:12px;background:#cdcdcd; ">触发显示浮动层
<div id="div2" style="width:150px; padding:12px;background:#cdcdcd;"> 
<div> 
<div>1</div> 
<div>2</div> 
<div>3</div> 
</div> 
</div> </div> 
<script> 

$("#div1").mouseover(function(){
                              $("#div2").slideDown();
                              $("#div1").bind("mouseleave",function(){$("#div2").slideUp();});
                              });

</script> 

 

转载于:https://www.cnblogs.com/purpleNet/archive/2012/04/17/2453728.html