So richten Sie JQuery so ein, dass ein Ereignis ausgelöst wird, wenn sich der Eingabewert ändert

WBOY
Freigeben: 2022-05-17 11:05:02
Original
8557 Leute haben es durchsucht

In jquery können Sie die Methode „change()“ verwenden, um das Ereignis festzulegen, das ausgelöst werden soll, wenn sich der Eingabewert ändert. Diese Methode wird verwendet, um das Änderungsereignis so festzulegen, dass es auftritt, wenn sich der Wert des Elements ändert Funktion, die ausgeführt werden soll, wenn das Ereignis auftritt. Die Syntax lautet „Eingabeelement object.change (Ereignisauslösercode)“.

So richten Sie JQuery so ein, dass ein Ereignis ausgelöst wird, wenn sich der Eingabewert ändert

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So stellen Sie JQuery so ein, dass ein Ereignis ausgelöst wird, wenn sich der Eingabewert ändert.

Das Änderungsereignis tritt auf, wenn sich der Wert des Elements ändert (gilt nur für Formularfelder). Die Methode

change() löst ein Änderungsereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn ein Änderungsereignis auftritt.

Hinweis: Bei Verwendung mit ausgewählten Elementen tritt das Änderungsereignis ein, wenn eine Option ausgewählt wird. Bei Verwendung mit einem Textfeld oder Textbereich tritt das Änderungsereignis auf, wenn das Element den Fokus verliert.

Syntax

Lösen Sie das Änderungsereignis des ausgewählten Elements aus:

$(selector).change()
Nach dem Login kopieren

Fügen Sie dem Änderungsereignis eine Funktion hinzu:

$(selector).change(function)
Nach dem Login kopieren

Funktion Optional. Gibt die Funktion an, die ausgeführt werden soll, wenn das Änderungsereignis für das ausgewählte Element auftritt.

Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("input").change(function(){
    alert("文本已被修改");
  });
});
</script>
</head>
<body>
<input type="text">
<p>在输入框写一些东西,然后按下 enter 键或点击输入框外部。</p>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So richten Sie JQuery so ein, dass ein Ereignis ausgelöst wird, wenn sich der Eingabewert ändert

Nach dem Ändern des Textinhalts:

So richten Sie JQuery so ein, dass ein Ereignis ausgelöst wird, wenn sich der Eingabewert ändert

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo richten Sie JQuery so ein, dass ein Ereignis ausgelöst wird, wenn sich der Eingabewert ändert. 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