Jquery 为什么.mouseOut()在鼠标悬停在mouseOut目标内的文本上时会激发?

Jquery 为什么.mouseOut()在鼠标悬停在mouseOut目标内的文本上时会激发?,jquery,hover,jquery-events,mouseout,Jquery,Hover,Jquery Events,Mouseout,例如,如果我执行$('div#something').mouseout(function(){})然后当我将鼠标悬停在#something div中的文本上时,而不是离开div时,函数将启动 我希望它只在我离开div时才触发,而不是在我将鼠标悬停在div内的文本上时触发 为什么会发生这种情况?每当鼠标光标离开一个元素时,mouseout就会触发,即使“离开”意味着它正在进入一个子元素(至少在某些浏览器上,文本是这样的) 你可能想用“mouseleave”来代替 鼠标离开某个元素时会触发mouse

例如,如果我执行
$('div#something').mouseout(function(){})
然后当我将鼠标悬停在#something div中的文本上时,而不是离开div时,函数将启动

我希望它只在我离开div时才触发,而不是在我将鼠标悬停在div内的文本上时触发


为什么会发生这种情况?

每当鼠标光标离开一个元素时,mouseout就会触发,即使“离开”意味着它正在进入一个子元素(至少在某些浏览器上,文本是这样的)

你可能想用“mouseleave”来代替


鼠标离开某个元素时会触发mouseOut,这包括鼠标移动到其子元素时。请参阅此JSFIDLE: