Supprimer le contenu d'une zone de texte tout en conservant les sauts de ligne

Question

En HTML/JS, j'ai un script qui, lorsque vous appuyez sur la touche Entrée, copie le texte de la zone de texte textarea Le problème est qu'après la suppression du texte, les sauts de ligne pour la touche Entrée sont toujours là. Mon code est le suivant :

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

functionKeyDetection (événement) {
    let key = event.key;
    if (clé == "Entrée") {
        Envoyer()
    }
}</pré>
<pre class="brush:html;toolbar:false;"><textarea
    identifiant = "entréetexte"
    classe = "textEntrée"
    lignes = "1"
    colonnes = "50"
    placeholder = "écrire ici"
    onkeydown = "KeyDetection(event)"></textarea>

<p id = "envoyé"></p>

J'ai essayé d'utiliser une chaîne nulle et vide. J'espérais que cela supprimerait les nouvelles lignes produites en appuyant sur la touche Entrée, mais sans succès.

Answer 1

Si vous souhaitez empêcher l'ajout de caractères de nouvelle ligne lorsque vous appuyez sur la touche Entrée, vous pouvez le faire en utilisant la méthode event.preventDefault(). Cela annulera effectivement le comportement par défaut de l’événement d’appui sur la touche Entrée.

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