mouseover, mouseenter, mouseout, mouseleave区别

触发顺序

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

冒泡

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

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

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

总结一下:

  • mouseovermouseout是一对,mouseentermouseleave是一对,拥有相同的处理方式,一个表示进入,一个表示离开;
  • mouseovermouseout会触发冒泡;
  • mouseovermouseoutmouseentermouseleave先触发。
最后更新时间: 3/21/2019, 10:08:19 PM