保留换行符的情况下删除文本区域的内容

Question

在HTML/JS中，我有一个脚本，当按下回车键时，它会复制来自textarea的文本，然后删除文本。问题是，删除文本后，回车键的换行符仍然存在。我的代码如下：

function Send() {
    let lastText = document.getElementById("textInput").value;
    document.getElementById("sent").innerHTML = lastText;
    document.getElementById("textInput").value = "";
}

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

<textarea 
    id = "textInput" 
    class = "textInput"
    rows = "1" 
    cols = "50" 
    placeholder = "在这里写入"
    onkeydown = "KeyDetection(event)"></textarea>

<p id = "sent"></p>

我尝试使用null和空字符串。我希望它能删除按下回车键产生的换行符，但没有成功。

Answer 1

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

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