mouseover、mouseout与mouseenter、mouseleave 区别

1.mouseover与mouseout成对、mouseenter与mouseleave成对

2.mouseover、mouseout的触发先于mouseenter、mouseleave

3.mouseover、mouseout支持冒泡,即子元素的mouseover、mouseout事件被触发后会冒泡至父元素

   mouseenter、mouseleave不支持冒泡,推荐使用这个以避免意想不到的冒泡情况

  >mouseover、mouseout阻止冒泡:

  IE不支持的情况解决办法

if (event.stopPropagation) {
     // 针对 Mozilla 和 Opera 
    event.stopPropagation(); 
}
else if (window.event) { 
    // 针对 IE 
    window.event.cancelBubble = true;
 }

 

posted @ 2021-01-05 17:12  碗粥  阅读(64)  评论(0编辑  收藏  举报