suchen

Heim >tägliche Programmierung >HTML-Kenntnisse >Wie jQuery den Wert des Eingabefelds in Echtzeit überwacht und erhält

Wie jQuery den Wert des Eingabefelds in Echtzeit überwacht und erhält

藏色散人
藏色散人Original
2018-12-12 16:20:5822045Durchsuche

jQuery überwacht und ermittelt den Wert des Eingabefelds in Echtzeit. Bei unserer täglichen Webprojektentwicklung müssen wir häufig solche funktionalen Effekte erzielen. Um sofortige Maßnahmen zu ergreifen, um Besucher anzuleiten und das Benutzererlebnis der Website zu verbessern.

Wie jQuery den Wert des Eingabefelds in Echtzeit überwacht und erhält

Im Folgenden stellen wir die Implementierungsmethode von jQuery vor, um den Wert des Eingabefelds in Echtzeit anhand spezifischer Codebeispiele zu erhalten.

Das Codebeispiel lautet wie folgt: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery实时获取input输入框的值的示例</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    $(function () {
        $("#myInput").on("input", function () {
            //在输入框中打印输入的值
            $("#result").text($(this).val());
        });
    });
</script>
<p><input type="text" placeholder="请输入想说的话..." id="myInput"></p>
<div id="result"></div>
</body>
</html>

Hier finden wir zuerst das Eingabe-Tag mit der ID myInput und weisen ihm dann über die Methode on() eine Funktion zu Um zunächst das Eingabefeld zu erhalten, wird der Inhalt dann direkt dem Div mit der Ergebnis-ID zugewiesen. Die Wirkung von

ist wie folgt:

Wie jQuery den Wert des Eingabefelds in Echtzeit überwacht und erhält

on() method auf das ausgewählte Element und das untergeordnete Element Elemente Fügen Sie einen oder mehrere Event-Handler hinzu.

text()-Methode legt den Textinhalt des ausgewählten Elements fest oder gibt ihn zurück.

val()-Methode gibt das Wertattribut des ausgewählten Elements zurück oder legt es fest.

In diesem Artikel geht es um die Methode der jQuery-Echtzeitüberwachung, um den Wert des Eingabefelds zu ermitteln. Ich hoffe, dass er auch für Freunde hilfreich ist, die ihn benötigen.

Das obige ist der detaillierte Inhalt vonWie jQuery den Wert des Eingabefelds in Echtzeit überwacht und erhält. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
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
Vorheriger Artikel：So konvertieren Sie ein JS-Objekt in eine Zeichenfolge im JSON-FormatNächster Artikel：So konvertieren Sie ein JS-Objekt in eine Zeichenfolge im JSON-Format

In Verbindung stehende Artikel

Mehr sehen