# mouseenter 鼠标事件

  • 当鼠标移动到元素上时就会触发 mouseenter 事件
  • 类似 mouseover, 它们两者之间的差别是
  • mouseover 鼠标经过自身盒子会触发,经过子盒子还会触发. mouseenter 指挥经过自身盒子触发

我推测 : mouseover 经过子盒子还会触发的原因是默认冒泡,当使用 mouseover, 把鼠标移动到父盒子里面时,通过 log 输出一次,鼠标移动到子盒子中时,再触发一次,从子盒子移到父盒子,再触发一次,第一次和第三次可以理解,第二次是因为 先触发到子盒子,然后通过冒泡阶段,将鼠标事件传递给父盒子,所以触发第二次.

验证方法:在子盒子设置 mouseover 触发函数,函数中 stopPropagation (); 阻止冒泡,如果按照我的推测,则应该没有第二次触发,最终验证正确

mouseenter 不会冒泡