保留換行符的情況下刪除文字區域的內容

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