mouseout 与 mouseleave

事例：

<script>

      $("#outer").mouseout(function(){

       $("#text").append("<p>outer out</p>");

});

      $("#inner").mouseout(function(){

       $("#text").append("<p>inner out</p>");

});

      $("#outer").mouseleave(function(){

       $("#text").append("<p>outer leave</p>");

});

      $("#outer").mouseleave(function(){

       $("#text").append("<p>outer leave</p>");

});

</script>

 

<div id="outer">

      <div id="inner">

           <p>

                你好

          </p>

      </div>

</div>

<div id="text"></div>

 

鼠标进入到最里层，鼠标从最里层出来

//进入outer div无效果

//从outer div到inner div

outer out

//从inner div进入到p

inner out

outer out

//从p离开进入到inner div

inner out

outer out

//从inner div离开到 outer div

inner out

inner leave

outer out

//离开外层outer div

outer out

outer leave