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>

     

文章来源网络,作者:运维,如若转载,请注明出处:https://shuyeidc.com/wp/114673.html<

(0)
运维的头像运维
上一篇2025-02-17 21:34
下一篇 2025-02-17 21:35

相关推荐

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注