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，防止事件冒泡；

转载于:https://www.cnblogs.com/wuting/p/9151749.html