jQuery - 检查鼠标光标是否位于2个元素内（来自鼠标悬停事件）

Question

我有一个工具提示功能，我在2个元素上有一个mouseout事件。 这两个元素是子父母（一个到另一个）。

在这个事件中，我需要检查鼠标光标是否在这两个元素之外。我怎么能这样做？

Answer 1

您可以使用mouseout代替mouseleave：

$("#parentID").mouseleave(function() {
  alert("you have left the parent");
});

当mouseout在进入孩子时触发，mouseleave没有，只有在离开事件所绑定的父元素时才会触发。

来自文档：

  

mouseleave 事件与mouseout处理事件冒泡的方式不同。如果在此示例中使用 mouseout ，则当鼠标指针移出Inner元素时，将触发处理程序。这通常是不受欢迎的行为。另一方面， mouseleave 事件仅在鼠标离开其绑定的元素时才触发其处理程序，而不是后代。