mouseover、mouseout和mouseenter以及mouseleave用法注意事项

mouseover和mouseout、mouseenter和mouseleave之间的区别

给某个元素添加鼠标事件时,注意点:
  1、mouseover和mouseout在父元素和子元素中都可以触发,当鼠标经过某个元素时,触发的次数取决于子元素的个数;
  2、mouseenter和mouseleave只在父元素触发,当鼠标经过某个元素时,只会触发一次;
  3、当四个函数都在父子元素中使用时,mouseover和mouseout比mouseenter和mouseleave先触发;

一般来说:
  mouseover和mouseout一起使用,mouseenter和mouseleave一起使用,
  如果元素内部没有子元素影响,可以考虑用mouseover和mouseout;
  如果元素内有子元素影响,可以采用mouseenter和mouseleave,防止事件冒泡;

posted @ 2018-06-07 17:14  不落幕  阅读(1446)  评论(0编辑  收藏  举报