Question

我的HTML

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

当我使用jquery

时

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

我想知道为什么当我的鼠标进入子div时，函数会触发。我还在父母div里面。我希望只有当我离开父div而不是当我在任何子div上时才会触发mouseout函数

http://jsbin.com/esiju/＆lt;＆lt;示例

干杯

Answer 1

这是mouseleave事件的目的。

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

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

Answer 2

.mouseleave在这里完美运作：

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

.mouseout会因为虐待儿童元素而激怒！

Answer 3

mouseout和mouseover事件之间似乎有点不同。 jimyi为您的问题提供了正确的解决方案，我只是希望包含一些额外的链接以便完整。

jquery mouseout问题

3 个答案: