English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery mouseout() Methode

jQuery Ereignisse

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

wird das Ereignis mouseout ausgelöst, wenn der Mauszeiger aus einem bestimmten Element oder einem seiner Unterlemente herausgefahren wird.

Sie könnten denken, dass mouseout undmouseleaveDas Ereignis ist dasselbe, aber sie sind nicht:

  • mouseout-wird aufgerufen, wenn der Mauszeiger aus einem bestimmten Element oder einem seiner Unterlemente herausgefahren wird

  • mouseleave-nur aufgerufen, wenn der Mauszeiger aus einem Element herausgefahren wird (siehe nachfolgenden Beispiel)

Die Methode mouseout() wird normalerweise verwendet mitmouseover()Methoden zusammen verwenden.

Syntax:

Trigger das mouseout-Ereignis des ausgewählten Elements:

$(selector).mouseout()

Fügen Sie die Funktion dem mouseout-Ereignis hinzu:

$(selector).mouseout(function)

Beispiel

Ändern Sie die Hintergrundfarbe beim Auslösen der mouseover- und mouseout-Ereignisse:

$("p").mouseover(function(){
  $(this).css("background-color", "yellow");
});
$("p").mouseout(function(){
  $(this).css("background-color", "lightblue");
});
Testen Sie heraus‹/›

Dieser Beispiel zeigt die Unterschiede zwischen mouseleave und mouseout:

Aufruf des Mouseleave-Ereignisses:

Aufruf des mouseout-Ereignisses:

Code ausführen

Parameterwert

ParameterBeschreibung
functionFunktion, die beim Auslösen des mouseout-Ereignisses ausgeführt wird

jQuery Ereignisse