Löschen Sie den Inhalt eines Textbereichs und behalten Sie dabei die Zeilenumbrüche bei

Question

In HTML/JS habe ich ein Skript, das beim Drücken der Eingabetaste den Text aus dem textarea 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:

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()
    }
}

<textarea
    id = "textInput"
    class = "textInput"
    Reihen = „1“
    cols = "50"
    placeholder = „hier schreiben“
    onkeydown = "KeyDetection(event)"></textarea>

<p id = "sent"></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.

Answer 1

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

function KeyDetection(event) {
  let key = event.key;
  if (key == "Enter") {
    event.preventDefault();
    Send();
  }
}