Metodo jQuery mouseenter()

❮ Metodi di eventi jQuery

Esempio

Imposta il colore di sfondo su giallo, quando il puntatore del mouse entra in un elemento <p>:

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

Definizione e utilizzo

L'evento mouseenter si verifica quando il puntatore del mouse si trova sopra (entra) nell'elemento selezionato.

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

Nota: a differenza dell'evento mouseover , l'evento mouseenter si attiva solo quando il puntatore del mouse entra nell'elemento selezionato. L'evento mouseover viene attivato se un puntatore del mouse entra anche in qualsiasi elemento figlio. Vedere l'esempio alla fine della pagina per una dimostrazione.

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


Sintassi

Attiva l'evento mouseenter per gli elementi selezionati:

$(selector).mouseenter()

Allega una funzione all'evento mouseenter:

$(selector).mouseenter(function)

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

Provalo tu stesso - Esempi


Dimostra la differenza tra mouseenter(), mouseover() e mousemove().


❮ Metodi di eventi jQuery