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