jQuery Ereignis - mouseenter() Methode
Beispiel
Ändern Sie die Hintergrundfarbe des Elements, wenn der Mauszeiger in das Element (durch das Element hindurch) geht:
$("p").mouseenter(function(){ $("p").css("background-color","yellow"); });
Definition und Verwendung
Das mouseenter-Ereignis tritt ein, wenn der Mauszeiger durch das Element hindurchgeht.
Dieses Ereignis tritt in den meisten Fällen zusammen mit mouseleave Ereignisse zusammen verwenden.
Die mouseenter() Methode löst das mouseenter-Ereignis aus oder definiert die Funktion, die beim Eintreten des mouseenter-Ereignisses ausgeführt wird.
Anmerkung:Im Gegensatz zum mouseover-Ereignis wird das mouseenter-Ereignis nur ausgelöst, wenn der Mauszeiger durch den ausgewählten Elemente hindurchgeht. Wird der Mauszeiger durch jeden beliebigen Unterelement hindurchgegangen, wird ebenfalls das mouseover-Ereignis ausgelöst. Sehen Sie sich das folgende Beispiel an.
Versuchen Sie es selbst aus:Unterschiede zwischen mouseenter und mouseover
Fügen Sie die Funktion dem mouseenter-Ereignis hinzu
Syntax
$(selector).mouseenter(function)
Parameter | Beschreibung |
---|---|
function | Optional. Definiert die Funktion, die beim Eintreten des mouseenter-Ereignisses ausgeführt wird. |