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