jQuery - 檢查鼠標光標是否位於2個元素的內部（來自鼠標懸停事件）

Question

我有一個工具提示功能，其中有2個元素的鼠標事件。 這兩個元素是父子（一個到另一個）。

在這個事件中，我需要檢查鼠標光標是否在這兩個元素之外。我怎樣才能做到這一點？

Answer 1

相反的mouseout可以使用mouseleave此：

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

凡mouseout火災進入一個孩子的時候，mouseleave沒有，離開該事件被綁定到父元素時，它僅火災。

從文檔：

的鼠標離開事件從鼠標移開區別它處理事件冒泡的方式。如果在此示例中使用鼠標移出，那麼當鼠標指針移出Inner元素時，處理程序將被觸發。這通常是不受歡迎的行爲。另一方面，事件只在鼠標離開綁定元素時觸發其處理程序，而不是其後代。