Beispiel
Stellen Sie die Hintergrundfarbe gelb, wenn sich der Mauszeiger ein betritt <p> Element:
$("p").mouseenter(function(){
$("p").css("background-color", "yellow");
});
Versuch es selber " Definition und Verwendung
Die mouseenter Ereignis tritt auf, wenn sich der Mauszeiger über (kommt) das ausgewählte Element.
Die mouseenter() Methode löst das mouseenter Ereignis oder fügt eine Funktion auszuführen , wenn ein mouseenter Ereignis auftritt ..
Hinweis: Anders als bei der mouseover - Ereignis, das mouseenter nur Ereignis wird ausgelöst , wenn der Mauszeiger das ausgewählte Element eintritt.Die mouseover - Ereignis ausgelöst wird , wenn ein Mauszeiger als auch alle untergeordneten Elemente eintritt. Siehe das Beispiel am Ende der Seite für eine Demonstration.
Tipp: Dieses Ereignis wird häufig verwendet wird , zusammen mit dem mouseleave Ereignis.
Syntax
Lösen Sie die mouseenter Ereignis für die ausgewählten Elemente:
$(selector).mouseenter()
Try it
Bringen Sie eine Funktion zum mouseenter Ereignis:
$(selector).mouseenter(function)
Try it
| Parameter | Beschreibung |
|---|---|
| function | Optional. Gibt die Funktion auszuführen , wenn der mouseenter Ereignis ausgelöst wird |
Probieren Sie es selbst - Beispiele
Der Unterschied zwischen mouseenter(), mouseover() und mousemove()
Demonstriert den Unterschied zwischen mouseenter(), mouseover() und mousemove() .