嵌套div问题的jquery mouseout

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

  

当指针移动时，Mouseout会触发   进入或离开子元素，而   mouseleave没有。

Answer 2

你想要这个：

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