jQuery mouseout() Methode
Beispiel
Setzen Sie die Hintergrundfarbe auf grau, wenn der Mauszeiger ein <p>-Element verlässt:
$("p").mouseout(function(){
$("p").css("background-color", "gray");
});
Definition und Verwendung
Das Mouseout-Ereignis tritt auf, wenn der Mauszeiger das ausgewählte Element verlässt.
Die mouseout()-Methode löst das mouseout-Ereignis aus oder hängt eine Funktion an, die ausgeführt wird, wenn ein mouseout-Ereignis auftritt.
Hinweis: Im Gegensatz zum mouseleave- Ereignis wird das mouseout-Ereignis ausgelöst, wenn ein Mauszeiger neben dem ausgewählten Element auch untergeordnete Elemente verlässt. Das mouseleave-Ereignis wird nur ausgelöst, wenn der Mauszeiger das ausgewählte Element verlässt. Sehen Sie sich das Beispiel am Ende der Seite für eine Demonstration an.
Tipp: Dieses Event wird oft zusammen mit dem Mouseover- Event verwendet.
Syntax
Auslösen des Mouseout-Ereignisses für die ausgewählten Elemente:
$(selector).mouseout()
Hängen Sie eine Funktion an das Mouseout-Ereignis an:
$(selector).mouseout(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseout event is triggered |
Probieren Sie es selbst aus - Beispiele
Demonstriert den Unterschied zwischen mouseout() und mouseleave().