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>
(牛站网络)