mouseenter 和mouseover的区别

1.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>