mouseover和mouseenter的区别

   <script>
        var father = document.querySelector('.father')
        // mouseover事件，鼠标经过father会触发，鼠标经过子盒子son还会触发。会冒泡。
        father.addEventListener('mouseover', function(){
            console.log('1');
        })
        // mouseenter事件，不会冒泡，经过子盒子不会触发。
        father.addEventListener('mouseenter', function(){
            console.log('2');
        })
        // mouseleave事件，离开时触发，不会冒泡
        father.addEventListener('mouseleave', function(){
            console.log('3');
        })
    </script>