Javascript鼠标事件

鼠标移入移出事件

mouserenter 鼠标移入事件 不冒泡，换言之，对子元素不生效
mouseleave 鼠标移出事件 不冒泡，换言之，对子元素不生效

mouseover 鼠标移入事件 冒泡,对子元素生效
mouseout 鼠标移出事件 冒泡,对子元素生效
移入移出需要正确组合使用，mouserenter、mouseleave适合tooltip场景，mouserover、mouserout适合下拉框、下拉菜单等需要进入操作的场景