Web鼠标事件

mousedown：鼠标按下

mouseup：鼠标抬起

mousemove：鼠标移动

mouseout：在父元素上绑定该事件，当鼠标从父元素或者从子元素上离开时都会触发该事件

mouseleave：和mouseout的区别是，鼠标从子元素上移动到父元素时不会触发该事件，而mouseout会触发

mouseover：当鼠标从其他标签（包括X内的子标签）上移动到X标签时，X上的mouseover事件触发。

mouseenter：当鼠标从其他标签（不包括X内的子标签）上移动到X标签时，X上的mouseenter事件触发。

 

以上可以看出mouseout和mouseover很容易就触发多次，而mouseleave和mouseenter不会。