jQuery: Verwendung und Definition des Mouseleave-Ereignisses

Übersicht

Das Mouseleave-Ereignis tritt auf, wenn der Mauszeiger ein Element verlässt. Dieses Ereignis wird am häufigsten in Verbindung mit dem MouseEnter-Ereignis verwendet.

Im Gegensatz zum Mouseout-Ereignis wird das Mouseleave-Ereignis nur ausgelöst, wenn der Mauszeiger das ausgewählte Element verlässt. Wenn der Mauszeiger ein untergeordnetes Element verlässt, wird auch das Mouseout-Ereignis ausgelöst.

Parameter

fnFunctionV1.0

Die Verarbeitung Funktion ist im Mouseleave-Ereignis jedes übereinstimmenden Elements gebunden.

[data],fnString,FunctionV1.4.3

data:mouseleave([Data], fn) kann Daten zur Verarbeitung durch die Funktion fn übergeben.

fn: Die Handlerfunktion, die an das Mouseleave-Ereignis jedes übereinstimmenden Elements gebunden ist.

Beispiel

Beschreibung:

Ändern Sie die Hintergrundfarbe des Elements, wenn der Mauszeiger das Element verlässt::

jQuery Code:

$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4"); });

Beispiel

Ändern Sie die Hintergrundfarbe des Elements, wenn der Mauszeiger das Element verlässt:

$("p").mouseleave(function(){
  $("p").css("background-color","#E9E9E4");
});

Definition und Verwendung

Wenn der Mauszeiger das Element verlässt Beim Verlassen eines Elements tritt das Mouseleave-Ereignis ein.

Dieses Ereignis wird am häufigsten zusammen mit dem Mouseenter-Ereignis verwendet.

Die Methode „mouseleave()“ löst das Mouseleave-Ereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das Mouseleave-Ereignis auftritt.

Hinweis: Im Gegensatz zum Mouseout-Ereignis wird das Mouseleave-Ereignis nur ausgelöst, wenn der Mauszeiger das ausgewählte Element verlässt. Wenn der Mauszeiger ein untergeordnetes Element verlässt, wird auch das Mouseout-Ereignis ausgelöst. Sehen Sie sich das Beispiel unten für eine Demonstration an.

Probieren Sie es selbst aus: Der Unterschied zwischen Mouseleave und Mouseout

Mouseleave-Ereignis auslösen

Syntax

$(selector).mouseleave()

Das obige ist der detaillierte Inhalt vonjQuery: Verwendung und Definition des Mouseleave-Ereignisses. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!