与桌面上的 Mega 导航交互时触发 Mouseleave 事件

Question

我遇到了一个问题，如果我将鼠标悬停在百叶窗上，然后在类型、房间、颜色等之间单击，导航会随机关闭。

我知道它为什么会自行关闭，那是因为.site-navigation 元素绑定了一个 mouseleave 事件，以在鼠标离开组件时关闭大型导航。

elSiteNav.addEventListener('mouseleave', handleSiteNavMouseEvent);

复制非常棘手，但一旦复制，问题就会频繁发生。

网址：https://www.hillarys.co.uk/
浏览器：铬

Answer 1

在handleSiteNavMouseEvent函数中使用stopPropagation

handleSiteNavMouseEvent(event){
event.stopPropagation();
}