Javascript 忽略JS中相同元素的子元素上的mouseenter/mouseout事件

我在我的网站上使用这个菜单（），我对它做了一些修改。我想在鼠标进入菜单区域时显示菜单，而在鼠标离开菜单时消失，而不是使用按钮显示和隐藏菜单。我设法在

mouseenter

上显示菜单，然而，每当鼠标悬停在孩子身上时，菜单就会一直显示和隐藏。JS代码可以在下面的代码片段中看到

    showLeft.onmouseover = function() {
        classie.toggle( this, 'active' );
        classie.toggle( menuLeft, 'cbp-spmenu-open' );
    };

---

我做了一些研究，据我所知，这种现象被称为“冒泡”，我试着根据事件的来源过滤事件的触发因素，但没有成功。非常感谢您的帮助。

是的，这是由您确定的事件冒泡造成的

解决问题的最简单方法是使用jQuery，它通过事件专门处理这种情况

---

工作起来很有魅力，但是我不得不使用稍微不同的语法$（menuLeft）.mouseenter（function（）{//code}）；

$(elem).on("mouseenter", function() {
    // your code
});