mouse的各种事件

时间:2024-10-13 22:06:14

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