Metodo jQuery mouseover()

❮ Metodi di eventi jQuery

Esempio

Imposta il colore di sfondo su giallo, quando il puntatore del mouse si trova sopra un elemento <p>:

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

Definizione e utilizzo

L'evento mouseover si verifica quando il puntatore del mouse si trova sull'elemento selezionato.

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

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

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


Sintassi

Attiva l'evento di passaggio del mouse per gli elementi selezionati:

$(selector).mouseover()

Allega una funzione all'evento mouseover:

$(selector).mouseover(function)

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

Provalo tu stesso - Esempi


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


❮ Metodi di eventi jQuery