Javascript 防止在子级上触发父级mouseout jQuery事件

这可能是一个已知的问题。然而，我只看到了一系列的结果

Element.on('click', callback)

事件，我不知道如何在“mouseout”事件上执行此操作

这是我的HTML：

<div class="oneTodo">
  <div class="todoText"></div>

  <span class="eraseTodo">
    <i class="icon ion-ios-close-outline"></i>
  </span>
</div>

基本上，当我将鼠标悬停在屏幕上时：

<span class="eraseTodo">
  <i class="icon ion-ios-close-outline"></i>
</span>

---

但是失败得很惨。

你能做一把小提琴吗？我想你要找的不是

悬停

，而是

鼠标指针

@Chris我试过了，我仍然有同样的效果。我将跨度定位为绝对值。我认为这就是影响触发器的原因，因为它通常不会与触发事件的div一起出现。关于发生了什么的一些解释：如果你在另一个div中有一个div，当你将其悬停在内部div上时，它被认为是从外部div出来的（你一次只能悬停一个元素）。如果在隐藏元素之前没有输入内部div，则需要进行一些测试抱歉，我错过了

mouseleave

hover

是

mouseout

的挂件，

mouseenter

是

mouseleave

的挂件。例子：

<span class="eraseTodo">
  <i class="icon ion-ios-close-outline"></i>
</span>

$('.oneTodo:not(.eraseTodo)').on('mouseout', function() {
    $(this).find('.eraseTodo').fadeOut(100);
});