JQuery Mouseout проблема

Question

my html

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

, когда я использую jquery

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

Интересно, почему, когда моя мышь входит в дочерний элемент div, функция срабатывает.я все еще внутри родительского отделения.я хочу, чтобы функция mouseout запускалась только тогда, когда я оставляю родительский div, а не когда я нахожусь на любом дочернем div

http://jsbin.com/esiju/ << example </p>

Cheers

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 имеет правильное решение для вашей проблемы, я просто хотел включить некоторые дополнительные ссылки для полноты.

• QuirksMode
• Быстрый пример mouseout и Mouseleave
• То, что выглядит как более глубокий взгляд на разницу между мышью и отпусканием мыши