js中的mouseenter 和mouseover有什么区别

mouseenter 和mouseover的区别

• 当鼠标移动到元素上时就会触发mouseenter 事件
• 类似 mouseover，它们两者之间的差别是
• mouseover 鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter  只会经过自身盒子触发
• 之所以这样，就是因为mouseenter不会冒泡
• 跟mouseenter搭配鼠标离开 mouseleave  同样不会冒泡

  <script>
        var father = document.querySelector(".father");
        var son = document.querySelector(".son");
        // 1. mouseenter
        father.addEventListener("mouseenter", function () {
          console.log(11);
        });
        // 2. mouseover
          father.addEventListener("mouseover", function () {
            console.log(11);
          });
      </script>