HTML implementiert die Funktion zur Erkennung der Eingabevervollständigung

• Verwenden Sie „onInput(event)“, um festzustellen, ob eine Eingabe ausgeführt wird
• Verwenden Sie onporpertychange="onChange(event)", um festzustellen, ob sich der Inhalt geändert hat
• Verwenden Sie onBlur="finnishInput(event)", um festzustellen, ob der Fokus verloren gegangen ist

Sie können zunächst feststellen, ob Sie eine Eingabe machen, und den Status aufzeichnen. Wenn Sie beim letzten Mal Informationen eingegeben haben und dann den Fokus verloren haben, können Sie feststellen, dass die Eingabe abgeschlossen ist.

Der HTML-Code lautet wie folgt:

<tr style="Hintergrundfarbe:#FFFFFF">
    <th>Ort der Geschäftsreise:</th>
    <td>
        <input class="form-control" onBlur="finnishInput(event)" "onInput(event)" onporpertychange="onChange(event)" id="travelLocationId" type="text" placeholder="Reiseort">
    </td>
</tr>

Der JS-Code lautet wie folgt

Var-Flagge = 0;
Funktion beiEingabe(e){
  console.log("Eingabe");
  Flagge = 1;
}

Funktion finishInput(e) {
  wenn(1 == Flagge){
    console.log("InputOk");
    Flagge = 0;
  }
}

Nach dem Testen wird die Funktion zur Beurteilung, ob die Eingabe abgeschlossen ist, realisiert und kann wiederholt verwendet werden.

Oben sehen Sie die HTML-Implementierung der vom Editor eingeführten Funktion zur Erkennung der Eingabevervollständigung. Ich hoffe, dass sie für alle hilfreich ist. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!
Wenn Sie diesen Artikel hilfreich finden, können Sie ihn gerne abdrucken und dabei bitte die Quelle angeben. Vielen Dank!