javascript - 嵌套div问题的jquery mouseout

Question

我正在尝试在 div 的鼠标移出时触发一个函数。但是，当您将鼠标悬停在 div 中的某个元素上时，它会触发鼠标移出。

<div id="my_div">
    <div class="another_div">X</div>
</div>

<script>
$("#my_div").mouseout(function () {
    alert('weeeee, I am out!');
}
</script>

这是有道理的，但是只有当 mouseout 事件不在子元素上时，我如何才能测试它？

Answer 1

尝试使用MouseLeave根据 API，事件而不是鼠标移开:

Mouseout fires when the pointer moves into or out from child element, while mouseleave doesn't.