줄 바꿈을 유지하면서 텍스트 영역의 내용 삭제

Question

HTML/JS에는 Enter 키를 누르면 텍스트 영역에서 텍스트를 복사한 다음 해당 텍스트를 삭제하는 스크립트가 있습니다. 문제는 텍스트를 삭제한 후에도 Enter 키의 줄 바꿈이 여전히 남아 있다는 것입니다. 내 코드는 다음과 같습니다:

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

functionKeyDetection(이벤트) {
    키 = event.key;
    if (키 == "Enter") {
        보내다()
    }
}

<텍스트 영역
    아이디 = "텍스트 입력"
    클래스 = "텍스트 입력"
    행 = "1"
    열 = "50"
    자리 표시자 = "여기에 쓰세요"
    onkeydown = "KeyDetection(event)"></textarea>

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

null과 빈 문자열을 사용해 보았습니다. Enter 키를 눌러 생성된 개행 문자를 제거할 수 있기를 바랐지만 성공하지 못했습니다.

Answer 1

Enter 키를 눌렀을 때 개행 문자가 추가되는 것을 방지하려면 event.preventDefault() 메소드를 사용하면 됩니다. 이렇게 하면 Enter 키 누르기 이벤트의 기본 동작이 효과적으로 취소됩니다.

으아악