通过实例来演示mouseouver(mouseout)与mouseenter(mouseleave)的区别亲测 原创


  • :
  • 12-08 21:24
  • :
  • 392次
  • :
  • 0条
  • 2赞

简介本文通过一个具体的在线实例来演示和讲解mouseover/mouseout事件与mouseenter/mouseleave事件的区别。

本文站长通过一个实例来给大家讲解mouseover/mouseout事件与mouseenter/mouseleave事件的区别。

下面是具体的实例演示,不想看文字的,可以直接点下面的链接看具体的实例演示:

mouseouver与mouseenter的具体区别的在线演示

下面是上面实例的截图:

mouseover/mouseout事件与mouseenter/mouseleave事件都是“鼠标进入/移出标签”的事件,它们之间具体的区别就是:

mouseover/mouseout事件支持冒泡,绑定的事件会冒泡到子标签上。
mouseenter/mouseleave事件则只针对所绑定的标签,不会冒泡到子标签上。

PS:关于冒泡,可以看站长以前写的这篇文章:

什么叫事件“冒泡”,及jquery里阻止事件冒泡的方法和实例



您正在找的文章可能是: