English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Metodo mouseout() di jQuery

Eventi di jQuery

Il metodo mouseout() scatena l'evento mouseout, o si può aggiungere una funzione per eseguire quando si verifica l'evento mouseout

Si verifica l'evento mouseout quando il puntatore del mouse viene mosso fuori da un elemento o uno dei suoi elementi figli

Potresti pensare che mouseout emouseleaveL'evento è lo stesso, ma non sono:

  • mouseout-Viene chiamato quando il puntatore del mouse viene mosso fuori da un elemento o uno dei suoi elementi figli

  • mouseleave-Viene chiamato solo quando il puntatore del mouse viene mosso fuori dall'elemento (vedi l'esempio di seguito)

mouseout() metodo di solito è associato amouseover()Metodi utilizzati insieme.

Sintassi:

Attivare l'evento mouseout dell'elemento selezionato:

$(selector).mouseout()

Aggiungi la funzione all'evento mouseout:

$(selector).mouseout(function)

Esempio

Cambiare il colore di sfondo quando vengono attivati gli eventi mouseover e mouseout:

$("p").mouseover(function(){
  $(this).css("background-color", "yellow");
});
$("p").mouseout(function(){
  $(this).css("background-color", "lightblue");
});
Prova a vedere‹/›

Questo esempio dimostra la differenza tra mouseleave e mouseout:

Chiamare l'evento Mouseleave:

Chiamare l'evento mouseout:

Esegui il Codice

Valore del Parametro

ParametroDescrizione
functionFunzione eseguita quando viene attivato l'evento mouseout

Eventi di jQuery