Metodo jQuery mouseleave()

❮ Metodi di eventi jQuery

Esempio

Imposta il colore di sfondo su grigio, quando il puntatore del mouse lascia un elemento <p>:

$("p").mouseleave(function(){
  $("p").css("background-color", "gray");
});

Definizione e utilizzo

L'evento mouseleave si verifica quando il puntatore del mouse lascia l'elemento selezionato.

Il metodo mouseleave() attiva l'evento mouseleave o allega una funzione da eseguire quando si verifica un evento mouseleave.

Nota: a differenza dell'evento mouseout , l'evento mouseleave si attiva solo quando il puntatore del mouse lascia gli elementi selezionati. L'evento mouseout viene attivato se un puntatore del mouse lascia qualsiasi elemento figlio oltre all'elemento selezionato. Vedere l'esempio alla fine della pagina per una dimostrazione.

Suggerimento: questo evento viene spesso utilizzato insieme all'evento mouseenter .


Sintassi

Attiva l'evento mouseleave per gli elementi selezionati:

$(selector).mouseleave()

Allega una funzione all'evento mouseleave:

$(selector).mouseleave(function)

Parameter Description
function Optional. Specifies the function to run when the mouseleave event is triggered

Provalo tu stesso - Esempi


Dimostra la differenza tra mouseleave() e mouseout().


❮ Metodi di eventi jQuery