jQuery mouseover() Methode

jQuery Ereignisse

Die mouseover() Methode löst das mouseover-Ereignis aus oder fügt eine Funktion hinzu, die beim Auslösen des mouseover-Ereignisses ausgeführt wird.

wenn der Mauszeiger in ein Element und seine Unterelemente hineingezogen wird, das mouseover-Ereignis ausgelöst wird.

Sie könnten denken, dass mouseover,mouseenterundmousemoveDas Ereignis ist dasselbe, aber sie sind nicht:

• mouseover-wird aufgerufen, wenn der Mauszeiger in das Element und seine Unterelemente hineingezogen wird

• mouseenter-wird nur aufgerufen, wenn der Mauszeiger in das Element hineingezogen wird

• mousemove-aufgerufen, wenn der Mauszeiger auf ein Element bewegt wird (siehe untenstehendes Beispiel)

mouseover() Methode wird normalerweise mitmouseout()Methoden zusammen verwenden.

Syntax:

Verursachen Sie das Mausüberstreichen-Ereignis des ausgewählten Elements

$(selector).mouseover()

Fügen Sie die Funktion dem mouseover Ereignis hinzu:

$(selector).mouseover(function)

Beispiel

Ändern Sie den Hintergrundcolor, wenn mouseover und mouseout Ereignisse ausgelöst werden:

$("p").mouseover(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseout(function(){
　　$(this).css("background-color", "lightblue");
});

Dieser Beispiel zeigt die Unterschiede zwischen mouseenter, mousemove und mouseover:

Parameterwert

jQuery Ereignisse