天天看点

总结鼠标移入移出事件

问题描述

做一个鼠标移入移出的功能,发现如果绑定mouseover和mouseout,鼠标移入就会反复触发这两个事件。

解决方案

查资料发现用法不一样

总结一下mouseover&mouseout和mouseenter&mouseleave在用法上的区别

mouseover与mouseenter

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

只有在鼠标指针从元素外传入备选元素(到元素内)时,才会触发mouseenter事件。

mouseout与mouseleave

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

只有在鼠标指针从元素内穿出备选元素(到元素外)时,才会触发mouseleave事件。

所以,我把mouseout换成mouseleave就解决问题了