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