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