如何檢查鼠標是否脫離任何子元素？

Question

這是一個非常新手的問題（我很生氣，我無法解決它）。我有一個問題，因爲每當鼠標離開一個容器時觸發一個動作，現在的問題是我有子元素，並且由於某種原因，當我移動到一個子元素時，我的動作被觸發。

我基本上有這樣的事情

<li> 
<image> 
<div>content</div> 
</li> 

我想，當我進入我的李，積極當我走出去從中獲取非有效，但我都可以在我的內容輸入和懸停和，任何想法如何做到這一點？

我檢查了這一點，但沒有結果 Prevent onmouseout when hovering child element of the parent absolute div WITHOUT jQuery

感謝

Answer 1

我親自抓，懶惰的出路和使用jQuery的hover方法在設定他們倆一次，而不是使用mousein並單獨鼠標移開。 這讓jQuery的處理與兒童進出，是這樣的：

jQuery("li").hover(function() { 
    //mousein actions 
}, 
function() { 
    //mouseout actions 
} 
); 

Answer 2

爲了防止東西從發生盤旋在孩子的時候，就檢查目標實際上是在綁定元素：

$('li').on('mouseenter mouseleave', function(e) { 
    if (e.target === this) { 
     // do stuff here 
    } 
});