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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-10-11
  • 2021-09-09
  • 2022-12-23
  • 2021-11-18
  • 2022-12-23
  • 2021-05-29
猜你喜欢
  • 2022-02-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-03
  • 2021-06-04
  • 2022-12-23
相关资源
相似解决方案