Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery: Verwendung und Definition des Mouseleave-Ereignisses

黄舟
Freigeben: 2017-06-28 09:57:42
Original
1198 Leute haben es durchsucht

Ü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"); });
Nach dem Login kopieren

Beispiel

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

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

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()
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage