jquery的鼠标移入移出事件hover、mouseenter、mouseleave、mouseover、mouseout

最新推荐文章于 2023-03-07 14:30:09 发布

weixin_30408309

最新推荐文章于 2023-03-07 14:30:09 发布

阅读量257

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yigeqi/p/3988671.html

本文详细解析了鼠标事件hover、mouseenter、mouseleave、mouseover及mouseout的区别与特性，帮助开发者更好地理解和使用这些事件。

hover:鼠标进入元素的子元素时不会触发‘鼠标移开’的事件；
mouseenter、mouseleave：效果与hover相同；
mouseover：鼠标进入元素和进入它的子元素时都会触发‘mouseover’的事件，即使添加了event.stopPropagation();return false;
mouseout：鼠标离开元素和离开它的子元素时都会触发‘mouseout’的事件，即使添加了event.stopPropagation();return false;

转载于:https://www.cnblogs.com/yigeqi/p/3988671.html