传奇刘星
管理员
管理员
  • 最后登录2024-04-24
  • 发帖数588
  • 社区居民
  • 忠实会员
阅读:8912回复:2

jQuery mouseover与mouseenter,mouseout与mouseleave的区别

楼主#
更多 发布于:2017-05-27 12:46



很多人在日复一日的开发过程中都会选择简单的已定义函数来使用,比如JQuery的hover(over,out),
正因如此,会忽略掉其中封装的结构,也会因此造成项目开发到一定程度的时候出现BUG,让你猝不及防,
甚至找不到解决方法(比如我就是),
就如我标题所说的,如果问你上面两对函数的区别是什么,可能连皮毛都记不清了吧。。。
在这里也就顺便总结一下:

mouseover与mouseenter
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。

只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。


mouseout与mouseleave

不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。

只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。

最新喜欢:

doubleyongdouble...
https://blog.feiyuit.cn
doubleyong
管理员
管理员
  • 最后登录2025-04-01
  • 发帖数1197
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2017-06-06 09:18

哈哈,欢迎多分享哦,如果有代码就更好了,哈哈,我去测试下呢
知识需要管理,知识需要分享
传奇刘星
管理员
管理员
  • 最后登录2024-04-24
  • 发帖数588
  • 社区居民
  • 忠实会员
板凳#
发布于:2017-06-05 12:40
忘了说了,在win7系统ie模式下,hover()函数如果只给第一个参数,会造成效果出错,不行可以试试,(win8.1、win10系统ie模式下以及chrome下没毛病)
https://blog.feiyuit.cn
游客


返回顶部

公众号

公众号