Lasy

前端开发攻城狮~

mouseover, mouseenter, mouseout, mouseleave区别

触发顺序

  • mouseover, mouseenter都表示鼠标进入,但是mouseovermouseenter先触发;
  • mouseout, mouseleave都表示鼠标离开,但是mouseoutmouseleave先触发;

冒泡

  • mouseover, mouseenter都会冒泡,也就是说,进入和离开元素会触发其父元素的mouseover, mouseenter

对离开和进入子元素的处理

  • 从其本身进入子元素时会触发mouseover,而不会触发mouseout
  • 离开子元素进入其本身时会触发mouseover,而不会触发mouseenter

总结一下:

  • mouseovermouseout是一对,mouseentermouseleave是一对,拥有相同的处理方式,一个表示进入,一个表示离开;
  • mouseovermouseout会触发冒泡;
  • mouseovermouseoutmouseentermouseleave先触发。
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注