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,防止事件冒泡;