区别mouseover与mouseenter?

区别mouseover与mouseenter?
* mouseover: 在移入子元素时也会触发, 对应mouseout，进入子元素的时候，父元素显示离开状态
* mouseenter: 只在移入当前元素时才触发, 对应mouseleave，进入子元素时，父元素没有显示离开，离开整个区域才会是离开状态
hover()使用的就是mouseenter()和mouseleave()。

具体情况实现：

<script type="text/javascript">
    $(".div1").mouseover(function(){
        console.log('进入');
    }).mouseout(function(){
        console.log('离开');
    });
    
    $(".div3").mouseenter(function(){
        console.log('进入2');
    }).mouseleave(function(){
        console.log('离开2');
    })

</script>