vue项目如何避免子元素触发父元素的mouseout事件

https://blog.csdn.net/wsxc451/article/details/104239969

使用yarn安装时,有时候会出现版本问题;造成mouseover mouseout 全部分类菜单放上后子元素会触发mouseout ;最终查到原因是因为浏览器兼容性问题;

项目中给父元素加了mouseover、mouseout事件,但是,鼠标移动到子元素上总会自动触发mouseout事件,使用prevent、stop或者self修饰符都没什么用。

 

如果用mouseover mouseout 无法完成鼠标放到全部分类,然后下移选择菜单; 所以查到要用mouseenter,mouseleave 来完成这个效果; 可能跟冒泡事件有关,也可能跟高度溢出有关;
 

 

你可能感兴趣的:(前端)