我们在写jquery效果时,常常会用到鼠标移入或鼠标移出的效果。但是当你的div是多层嵌套,有时就会出现你的鼠标没有移出外层的div,只是移入了内层的div,也会触发鼠标的移出事件。
解决办法:
使用mouseenter
来代替mouseover
;使用mouseleave
来代替mouseout
。
他们的区别是:
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
————————————————
版权声明:本文为CSDN博主「不认输的西瓜」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_40678503/article/details/90951857