Javascript 聆听mouseover和mouseout<；李>；仅限活动？内部元素<；李>；当前触发两个事件

当将元素悬停在

中时，如何在不触发两个事件的情况下侦听
上的mouseover和mouseout事件

我目前有一个包含多个
的列表结构。在每个
中有几个
，它们要么是
位置：相对或
位置：绝对

侦听器如下所示：

blockContainer.children[i].addEventListener("mouseover", function(e) {
...
});

blockContainer.children[i].addEventListener("mouseout", function(e) {
...
});

我在这里添加了一个小提琴测试：

请注意，当您将蓝色div与绿色div悬停在一起时，蓝色div是如何反复触发的。
如果您只想影响目标元素，则应使用和事件。它们的行为类似于mouseover/mouseout，只是它们不冒泡。
这就是你要找的吗？啊，是的，所以它就像使用mouseenter和mouseleave一样简单？？哦，该死的：）是的。与mouseover/mouseout相同，但事件不会冒泡。您应该留下答案，以便我选择它？