mouseenter 和mouseover的区别

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