區別mouseover與mouseenter?

你若精彩，蝴蝶自來發表於2018-07-31

區別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>

 

相關文章