工作中遇到的mouseout 与mouseleave的问题

对于mouseout 和mouseleave 使用的区别：

主要有以下两点：

不论鼠标指针离开被选元素还是他的子元素，都会触发 mouseout 事件。

只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

因此，在里面还有子元素的情况下，则不应该用mouseout  应该选择mouseleave;

补充 ： 

1.mouseover() : 如果鼠标指针穿过任何子元素，同样会触发 mouseover 事件。

注：例中div使用了mouseover 事件,鼠标在进入div到span再出去,会触发3次mouseover 事件;

2.mouseenter() : 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。

注：例中div使用了mouseenter 事件,鼠标在进入div到span再出去,会触发1次mouseenter事件;

3.mouseout() : 如果鼠标指针离开任何子元素，同样会触发 mouseout 事件。

注：例中div使用了mouseout  事件,鼠标在进入div到span再出去,会触发3次mouseout 事件;

4.mouseleave() : 只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。