总结鼠标移入移出事件

问题描述

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

解决方案

查资料发现用法不一样
总结一下mouseover&mouseout和mouseenter&mouseleave在用法上的区别

mouseover与mouseenter

不论鼠标穿过被选元素或其子元素，都会触发mouseover事件。
只有在鼠标指针从元素外传入备选元素（到元素内）时，才会触发mouseenter事件。

mouseout与mouseleave

不论鼠标指针离开被选元素还是任何子元素，都会触发mouseout事件。
只有在鼠标指针从元素内穿出备选元素（到元素外）时，才会触发mouseleave事件。

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