mouseover ,mouseout ,mouseenter,mouseleave的区别

Posted 付太

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mouseover ,mouseout ,mouseenter,mouseleave的区别相关的知识,希望对你有一定的参考价值。

昨天写了个mouseover、mouseout 事件,发现频频闪动,研究半天,最后得出结论

 

mouseover/mouseout:鼠标经过该元素触发,经过其子元素再次触发

mouseenter/mouseleave:只触发一次,不论该元素有多少子元素

 

所以,使用该类型事件时,换成mouseenter/mouseleave

以上是关于mouseover ,mouseout ,mouseenter,mouseleave的区别的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 问题 - mouseover/mouseout 太快

几个mouse事件的特点

mouseovermouseout,mouseentermouseleave区别

jQuery因mouseover,mouseout冒泡产生的闪烁问题

mouseover ,mouseout ,mouseenter,mouseleave的区别

mouseover 与 mouseout 使用时闪烁问题