jQuery的mouseout和mouseleave、mouseover和mouseenter的区别

今天在使用jquery的时候,发现事件有两个类型很相似,一个是mouseout,一个是

mouseleave,坑了我挺长时间。

:mouseout这一类型下,鼠标只要离开指定元素的子元素,就会触发事件(每次

在ul内部移开li时候都会触发一次)

该事件大多数时候会与 mouseover 事件一起使用。

所以,同理mouseover 鼠标只要在指定元素的子元素上移动,就会触发事件(在所有li上随意晃动切换触发)


:mouseleave就好多了,鼠标离开指定元素,才会触发事件(离开ul才触发一次,

在ul内部切换li不触发)

该事件大多数时候会与mouseenter 事件一起使用。

同理mouseenter:只有进入指定元素(ul),就触发(在所有li上随意晃动切换不会触发)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,274评论 0 8
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,563评论 2 10
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 5,062评论 0 6
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,912评论 1 11
  • 木棉花开的时光 薄如蝉翼不忍伤 木窗下的微凉 寂静了温婉模样 谁相惜这千般柔肠 等岁月划过了脸庞 这点点星光盛世红...
    沅芷阅读 3,237评论 0 1

友情链接更多精彩内容