mouseenter事件java_从子元素输入父元素时，不会触发MouseEnter事件

我有这样的HTML：

Child 1

Child 2

Child 3

我附上了mouseenter和mouseout事件，如下所示：

$("*").on("mouseenter", function() {

$(this).addClass("mouse_over");

});

$("*").on("mouseout", function() {

$(this).removeClass("mouse_over");

});

现在，想象一下以下鼠标事件序列：

我将鼠标移动到父div中 . 正如预期的那样，mouseenter事件将触发，mouse_over类将放在父级上 .

我搬进了其中一个孩子 . 将为父项触发mouseout事件，并为该子项触发mouseenter事件 . 好 .

我将鼠标移回父母 . mouseenter不会在这里开火 .

第三步是这里的问题 . 我希望在从子元素重新输入父元素时将mouse_over类放回到父元素上 .

我想我明白为什么会发生这种情况，因为从技术上讲，我的鼠标一直在父母身上，所以触发mouseenter事件是没有意义的 .

这是一个更好的说明我正在尝试做的事情：

如果您将鼠标悬停在父元素和子元素中，则在出路时会注意到模式叠加层未放置在父元素上 .

那么如何确保叠加始终放在我当前悬停的任何元素上？