Skip to main content

鼠标事件

鼠标事件

  • mouseover 鼠标进入
  • mousemove 鼠标移动
  • mousedown 鼠标按下触发
  • mouseup 鼠标抬起触发

拓展

  • mouseenter 鼠标进入
  • mouseleave 鼠标移动

mouseover/out与mouseenter/leave区别

事件 mouseover 和 mouseout

当鼠标指针移到某个元素上时,mouseover 事件就会发生,而当鼠标离开该元素时,mouseout 事件就会发生。

事件 mouseenter 和 mouseleave

事件 mouseenter/mouseleave 类似于 mouseover/mouseout。它们在鼠标指针进入/离开元素时触发。

但是有两个重要的区别:

  • 元素内部与后代之间的转换不会产生影响。
  • 事件 mouseenter/mouseleave 不会冒泡。

链接

引用地址