js_鼠标事件

一.鼠标事件分类

1 click：按下鼠标时触发

2 dblclick：在同一个元素上双击鼠标时触发

3 mousedown：按下鼠标键时触发

4 mouseup：释放按下的鼠标键时触发

5 mousemove：当鼠标在节点内部移动时触发。当鼠标持续移动时，该事件会连触发。

6 mouseenter：鼠标进入一个节点时触发，进入子节点不会触发这个事件

7 mouseleave：鼠标离开一个节点时触发，离开父节点不会触发这个事件

8 mouseover：鼠标进入一个节点时触发，进入子节点会再一次触发这个事件

9 mouseout：鼠标离开一个节点时触发，离开父节点也会触发这个事件

10 wheel：滚动鼠标的滚轮时触发

二.实例

    
    
    
    
    


    我是单机触发的按钮1
    

    我是双击触发的按钮2
    

    我是鼠标按下触发的按钮3
    

    我是鼠标释放按下触发的按钮4
    

    
我是盒子1
    

    

        
我是盒子2
            

        
    
    

    

        
我是盒子4
            
我是盒子6
        
    
    

        
哈哈
        
哈哈
        
哈哈
        
哈哈哈哈哈哈哈哈哈哈哈