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