mouseover与mouseenter与mousemove的区别mouseout与mouseleave的区别

<1>

HTML

    


    
 当鼠标进入div1的时候会触发mouseover事件，因为btn1和btn2是包裹在div1下的子元素，所以当鼠标从div1进入到子元素btn1的时候又会触发mouseover事件 ,当鼠标从btn1进入到btn2的时候又会再次触发mouseover事件，当鼠标离开btn2元素本身 进入到div1的时候，又会触发mouseover
    

        
        
    


    
  当鼠标进入到div2的时候就会触发mousemove事件，进入div2后【只要移动一个像素点】都会触发mousemove事件 [请谨慎使用，耗资源]
    

        
        
    


    
只有当鼠标进入【被选中】控件div3的时候才会触发mouseenter事件，当鼠标进入【被选中】控件的【子元素】的时候而没有离开被选中控件本身的时候【不会再次】触发
    

        
        
    


    
当鼠标离开的div4的时候就会触发mouseout事件，当鼠标进入div4的子控件btn7后，离开btn7就会再次触发mouseout事件，当鼠标从btn7进入btn8,后，离开btn8的时候也会再次触发mouseout事件。
    

        
        
    


    
只有当鼠标离开【被选中】控件的时候才会触发mouseleave事件；当鼠标离开【被选中】的【子元素】而【没有离开被选中的控件】的时候【不会再次】触发