Löschen Sie den Inhalt eines Textbereichs und behalten Sie dabei die Zeilenumbrüche bei
P粉937382230
P粉937382230 2023-08-16 11:16:01
0
1
466
<p>In HTML/JS habe ich ein Skript, das beim Drücken der Eingabetaste den Text aus dem <code>textarea</code> kopiert und dann löscht. Das Problem besteht darin, dass nach dem Löschen des Textes die Zeilenumbrüche für die Eingabetaste noch vorhanden sind. Mein Code lautet wie folgt: </p> <p><br /></p> <pre class="brush:js;toolbar:false;">function Send() { let lastText = document.getElementById("textInput").value; document.getElementById("sent").innerHTML = lastText; document.getElementById("textInput").value = ""; } functionKeyDetection(event) { let key = event.key; if (key == "Enter") { Schicken() } }</pre> <pre class="brush:html;toolbar:false;"><textarea id = "textInput" class = "textInput" Reihen = „1“ cols = "50" placeholder = „hier schreiben“ onkeydown = "KeyDetection(event)"></textarea> <p id = "sent"></p></pre> <p><br /></p> <p>Ich habe versucht, Null und eine leere Zeichenfolge zu verwenden. Ich hatte gehofft, dass dadurch die durch Drücken der Eingabetaste erzeugten Zeilenumbrüche entfernt würden, aber ohne Erfolg. </p>
P粉937382230
P粉937382230

Antworte allen(1)
P粉002546490

如果您想要在按下回车键时防止添加换行符,您可以通过使用event.preventDefault()方法来实现。这将有效地取消回车键按下事件的默认行为。

function KeyDetection(event) {
  let key = event.key;
  if (key == "Enter") {
    event.preventDefault();
    Send();
  }
}
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage