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

Question

我有一个工具提示功能，其中有2个元素的鼠标事件。 这两个元素是父子（一个到另一个）。

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

Answer 1

相反的mouseout可以使用mouseleave此：

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

凡mouseout火灾进入一个孩子的时候，mouseleave没有，离开该事件被绑定到父元素时，它仅火灾。

从文档：

的鼠标离开事件从鼠标移开区别它处理事件冒泡的方式。如果在此示例中使用鼠标移出，那么当鼠标指针移出Inner元素时，处理程序将被触发。这通常是不受欢迎的行为。另一方面，事件只在鼠标离开绑定元素时触发其处理程序，而不是其后代。