Metodo mouseleave() di jQuery

Eventi jQuery

Il metodo mouseleave() scatena l'evento mouseleave, o si può aggiungere una funzione per essere eseguita quando si verifica l'evento mouseleave.

Si verifica l'evento mouseleave quando il puntatore del mouse viene mosso fuori da un elemento.

Potresti pensare che mouseleave emouseoutGli eventi sono gli stessi, ma non lo sono:

• mouseleave-Vengono chiamati quando il puntatore del mouse viene mosso fuori da un elemento

• mouseout-Vengono chiamati quando il puntatore del mouse viene mosso fuori da un elemento o uno dei suoi elementi figli (vedi l'esempio seguente)

mouseleave() Il metodo viene solitamente utilizzato conmouseenter()Metodi insieme.

Grammatica:

Attiva l'evento mouseleave dell'elemento selezionato

$(selector).mouseleave()

Aggiungi la funzione all'evento mouseleave

$(selector).mouseleave(function)

Esempio

Cambia il colore di sfondo quando viene attivato l'evento mouseenter e mouseleave:

$("p").mouseenter(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseleave(function(){
　　$(this).css("background-color", "lightblue");
});

Questo esempio dimostra la differenza tra mouseleave e mouseout:

Valore del parametro

Eventi jQuery