问题描述
做一个鼠标移入移出的功能,发现如果绑定mouseover和mouseout,鼠标移入就会反复触发这两个事件。
解决方案
查资料发现用法不一样
总结一下mouseover&mouseout和mouseenter&mouseleave在用法上的区别
mouseover与mouseenter
不论鼠标穿过被选元素或其子元素,都会触发mouseover事件。
只有在鼠标指针从元素外传入备选元素(到元素内)时,才会触发mouseenter事件。
mouseout与mouseleave
不论鼠标指针离开被选元素还是任何子元素,都会触发mouseout事件。
只有在鼠标指针从元素内穿出备选元素(到元素外)时,才会触发mouseleave事件。
所以,我把mouseout换成mouseleave就解决问题了