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