Padamkan kandungan kawasan teks sambil mengekalkan pemisah baris

Question

Dalam HTML/JS, saya mempunyai skrip yang apabila kekunci enter ditekan, ia menyalin teks daripada textarea Masalahnya, selepas memadam teks, pemisah baris untuk kekunci enter masih ada. Kod saya adalah seperti berikut:

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

functionKeyDetection(event) {
    kunci biarkan = event.key;
    if (kunci == "Enter") {
        Hantar()
    }
}

<textarea
    id = "textInput"
    kelas = "textInput"
    baris = "1"
    kol = "50"
    pemegang tempat = "tulis di sini"
    onkeydown = "KeyDetection(event)"></textarea>

<p id = "hantar"></p>

Saya cuba menggunakan rentetan null dan kosong. Saya berharap ia akan mengalih keluar baris baharu yang dihasilkan dengan menekan kekunci enter, tetapi tidak berjaya.

Answer 1

Jika anda ingin menghalang aksara baris baharu daripada ditambah apabila kekunci enter ditekan, anda boleh melakukannya dengan menggunakan kaedah event.preventDefault(). Ini akan membatalkan kelakuan lalai acara tekan kekunci Enter dengan berkesan.

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