JavaScript mouseenter和mouseover的区别

  • A+
所属分类:Web前端
摘要

当鼠标移动到元素上时就会触发mouseenter事件,
类似mouseover,它们两者之间的差别是:

当鼠标移动到元素上时就会触发mouseenter事件,
类似mouseover,它们两者之间的差别是:

mouseover:

  1. 鼠标经过自身盒子会触发,经过子盒子还会触发(因为存在冒泡

mouseenter:

  1. 只会经过自身盒子触发(不会冒泡
  2. mouseenter对应的,鼠标离开事件mouseleave同样不会冒泡