mouse的各种事件

IE测试对象为IE9，不全

mousemove（元素内部移动）

鼠标在元素内部移动时触发，只要鼠标移动，即使只是又移动了一个像素，也会触发，这就意味着短时间内会触发多次事件

支持情况： js onmousemove 均支持；jQuery mousemove IE不支持

mouseover（元素上方）

鼠标在元素内部上方时触发，不同于mousemove，在上方移动的时间内只触发一次

支持情况： js onmouseover 均支持；jQuery mouseover IE不支持

mouseenter（进入元素） 原本是为IE设计

鼠标进入元素时触发，触发一次

支持情况：js onmouseenter safari不支持；jQuery mouseenter IE不支持

 

mouseout（离开元素）

鼠标离开元素时触发，触发一次

支持情况： js onmouseout 均支持；jQuery mouseout IE不支持

 

mouseleave（离开元素）原本为IE设计

鼠标离开元素时触发，触发一次

支持情况： js onmouseleave safari不支持；jQuery mouseleave IE不支持

 

mousedown （按下鼠标键）

支持情况：均支持

 

mouseup （鼠标键松开）

支持情况：均支持

 

 

click （鼠标键松开后）

支持情况：均支持

按下鼠标，执行顺序为onmousedown,onmouseup,onclick

 

mousewheel （滚动鼠标滚轮）

支持情况：firefox不支持，得用DOMMouseScroll

 

最佳使用方案：

进入元素 onmouseover

元素内部移动 onmousemove

离开元素 onmouseout