So verwenden Sie Eingaben in js

In JS wird das <input>-Element zum Sammeln von Benutzereingaben verwendet und kann auf folgende Weise bedient und verarbeitet werden: Attributoperationen: Wert abrufen oder festlegen (Wert), Eingabeaufforderungsinformationen (Platzhalter), Eingabetyp (Typ) . Ereignisbehandlung: Fokus erfassen (Fokus), Fokus verlieren (Unschärfe), Inhaltsänderung (Eingabe). Andere Methoden: Ereignis-Listener hinzufügen (addEventListener), Ereignis-Listener entfernen (removeEventListener), Eingabefeldtext auswählen (select).

Verwendung des <input>-Elements in JS<input> 元素的用法

<input>

<input>-Element ist ein Formularelement, das zum Sammeln von Benutzereingaben in HTML verwendet wird. Mit JS können Entwickler dieses Element manipulieren und manipulieren.

Attributoperationen

Wert:
• Rufen Sie den Wert im Eingabefeld ab oder legen Sie ihn fest.
Platzhalter:
• Legen Sie die Eingabeaufforderungsinformationen im Eingabefeld fest.
Typ:

Geben Sie den Typ des Eingabefelds an, z. B. Text, Nummer oder Passwort.

Ereignisbehandlung

Fokus:
• Wird ausgelöst, wenn das Eingabefeld den Fokus erhält.
Unschärfe:
• Wird ausgelöst, wenn das Eingabefeld den Fokus verliert.
Eingabe:

Wird ausgelöst, wenn sich der Inhalt des Eingabefelds ändert.

Andere Methoden

addEventListener:
• Fügen Sie dem Eingabefeld einen Ereignis-Listener hinzu.
removeEventListener:
• Ereignis-Listener entfernen.
Auswählen:

Wählen Sie den Text im Eingabefeld aus.

Beispiel

Erhalten Sie den Wert des Eingabefelds:

<code class="js">const inputValue = document.getElementById("myInput").value;</code>

Legen Sie die Eingabeaufforderung fest, wenn das Eingabefeld den Fokus erhält:

<code class="js">document.getElementById("myInput").addEventListener("focus", () => {
  document.getElementById("myInput").placeholder = "请输入内容";
});</code>

🎜Überprüfen Sie die Gültigkeit, wenn das Eingabefeld den Fokus verliert: 🎜

<code class="js">document.getElementById("myInput").addEventListener("blur", () => {
  if (isNaN(document.getElementById("myInput").value)) {
    alert("请输入数字");
  }
});</code>

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Eingaben in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!