jQuery的鼠標移開問題

Question

我的HTML

<div id="parent"> 
<div id="child">cx</div> 
</div> 

時使用jQuery

$('#parent').mouseout(function(){ 
//something here 
}); 

我不知道爲什麼，當我的鼠標進入孩子的div功能火災。我仍然在父母的div裏面。 我希望當我離開父格不是當我在任何一個孩子的div

http://jsbin.com/esiju/ < <例如

乾杯

Answer 1

這就是mouseleave事件是針對鼠標移出功能只火。

$('#parent').mouseleave(function(){ 
//something here 
}); 

http://api.jquery.com/mouseleave/

Answer 2

似乎有點鼠標移開的鼠標懸停和事件之間的差異。 jimyi爲您的問題提供了正確的解決方案，我只是想包含一些額外的鏈接以獲得完整性。

• quirksmode
• Quick example of mouseout and mouseleave
• What looks like a much more in depth look at the difference between mouseout and mouseleave

Answer 3

.mouseleave完美的作品在這裏：

$("#parent").mouseleave(function(){ 
    //Enter stuff that should happen when mouse leaves 
    //the boundaries of the parent element 
    // NOT including the children 
}); 

.mouseout火災的鼠標放在子元素！