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>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-10-03，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录