今天在使用鼠标事件时，用错了mouseout，于是做个测试总结。

结论：

mouseenter：当鼠标移入某元素时触发。

mouseleave：当鼠标移出某元素时触发。

mouseover：当鼠标移入某元素时触发，移入和移出其子元素时也会触发。

mouseout：当鼠标移出某元素时触发，移入和移出其子元素时也会触发。

mousemove：鼠标在某元素上移动时触发，即使在其子元素上也会触发。

mouseout、mouseover和mouseleave、mouseenter最大的区别，在于子元素连带触发。

例子：

    
                 
     
      A      
      
       B        
       
        C        
       
      
      
    
     
    

效果：

操作：

从A元素到C元素，再从C回到A，控制台输出如下：

演示地址：