jquery mouseout 嵌套 div 问题

Question

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

<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

根据 API，尝试使用 MouseLeave 事件而不是 mouseout：

鼠标移动时触发 进入或退出子元素，而 mouseleave 没有。

Answer 2

你想要这个：

http://docs.jquery.com/Events/mouseenter 和 http://docs.jquery.com/Events/mouseleave