Domanda problema del mouseout di jquery


il mio html

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

quando uso jquery

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

Mi chiedo perché quando il mio mouse entra nel div bambino, la funzione si attiva. sono ancora dentro il genitore div Voglio che la funzione mouseout si attivi solo quando esco dal div genitore quando sono su qualsiasi div

http://jsbin.com/esiju/ << esempio

Saluti


14
2018-04-04 17:42


origine


risposte:


Questo è ciò che mouseleave l'evento è per.

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

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


25
2018-04-04 17:48



.mouseleave funziona perfettamente qui:

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

.mouseout spara sul mousing sugli elementi infantili!


1
2018-02-19 11:24



Sembra esserci un po 'di differenza tra gli eventi mouseout e mouseover. jimyi ha la soluzione corretta per il tuo problema, volevo solo includere alcuni collegamenti aggiuntivi per la completezza.


0
2018-04-04 18:02