JS mouseover和mouseenter

一、mouseover

        mouseover会出现事件冒泡。

        var father = document.querySelector('.father');
        var son = document.querySelector('.son');
        father.addEventListener('mousemover', function aa(e) {
            console.log(1); // 结果：当鼠标进过父盒子时输出，经过子盒子时也输出
            //经过子盒子时没有事件，向上冒泡传递给父盒子，同样输出

        })

二、mouseenter

        mouseenter不会出现事件冒泡。

        var father = document.querySelector('.father');
        var son = document.querySelector('.son');
        father.addEventListener('mouseenter', function aa(e) {
            console.log(1); // 只在经过父盒子时输出，与经不经过子盒子无关

        })