Beispiel
Stellen Sie die Hintergrundfarbe grau, wenn der Mauszeiger in einen verlässt <p> Element:
$("p").mouseout(function(){
$("p").css("background-color", "gray");
});
Versuch es selber " Definition und Verwendung
Die mouseout Ereignis tritt ein, wenn der Mauszeiger das ausgewählte Element verlässt.
Die mouseout() Methode wird das mouseout Ereignis oder fügt eine Funktion auszuführen , wenn ein mouseout Ereignis eintritt.
Hinweis: Im Gegensatz zum mouseleave Ereignis, das mouseout Ereignis wird ausgelöst , wenn ein Mauszeiger alle untergeordneten Elemente sowie das ausgewählte Element verlässt.Das mouseleave Ereignis löst nur wenn der Mauszeiger das ausgewählte Element verlässt. Siehe das Beispiel am Ende der Seite für eine Demonstration.
Tipp: Dieses Ereignis wird häufig verwendet , zusammen mit dem mouseover - Ereignis.
Syntax
Lösen Sie die mouseout Ereignis für die ausgewählten Elemente:
$(selector).mouseout()
Try it
Bringen Sie eine Funktion zum mouseout Ereignis:
$(selector).mouseout(function)
Try it
| Parameter | Beschreibung |
|---|---|
| function | Optional. Gibt die Funktion auszuführen , wenn der mouseout Ereignis ausgelöst wird |
Probieren Sie es selbst - Beispiele
Der Unterschied zwischen mouseout() und mouseleave()
Demonstriert den Unterschied zwischen mouseout() und mouseleave() .