Javascript 当mouseenter在子元素上时，如何不在父元素上触发mouseleave？

我没能得到这份工作。在不涉及我的具体情况以及我为什么要做我正在做的事情的情况下，一个基本的摘要是：

我在父元素中有4个元素子元素。我目前正在给孩子们附加一个

mouseenter

，以便：

$('.parent').on('mouseenter', '.child', function() {
    showSomething();
});

那么我想说

$('.parent').on('mouseleave', function() {
    hideSameSomething();
});

---

但是，当子对象上的

mouseenter

在父对象上触发

mouseleave

时，会产生令人讨厌的闪烁。我在子处理程序上尝试了

e.stopPropagation（）

，但没有成功。当我输入子元素并且仅当我真正离开父元素时，如何不触发父元素

mouseleave

事件？谢谢。

试着将两者结合在一起

正式文件：

尝试：

---

这将事件绑定到唯一的子项。我希望事件能够单独处理，当我用鼠标点击孩子时，不要让家长启动任何东西，而只是在我用鼠标点击家长时。我想他想说：

$（“.parent.child”）

$(".parent, .child").on({
    mouseenter: function() {
        // Handle mouseenter...
    },
    mouseleave: function() {
        // Handle mouseleave...
    }
});

$('.parent .child').on("mouseenter", function() {

    showSomething();

    $(this).closest('.parent').on("mouseleave", function() {
        hideSameSomething();
    });

});