[JavaScript] Textarea 엔터키 개행

Textarea 태그 안에서 엔터키를 눌러도 개행이 안되는 경우가 있다

 

이러한 경우 자바스크립트로 엔터키로 개행을 가능하게 할 수 있다

 

<textarea id="MEMO" name="MEMO"></textarea>

 

이 링크에는

https://stackoverflow.com/questions/2099661/enter-key-in-textarea

Enter key in textarea

$("#txtArea").on("keypress",function(e) {
    var key = e.keyCode;

    // If the user has pressed enter
    if (key == 13) {
        document.getElementById("txtArea").value =document.getElementById("txtArea").value + "\n";
        return false;
    }
    else {
        return true;
    }
});

 

위 코드와 같이 keypress 로 되어있지만 나는 keypress 로 할 경우 동작을 안해서 keydown 이벤트로 바꿨다

$("#MEMO").on("keydown", function(e) {
	    var key = e.keyCode;
	
	    // If the user has pressed enter
	    if (key == 13) {
	        document.getElementById("MEMO").value =document.getElementById("MEMO").value + "\n";
	        return false;
	    }
	    else {
	        return true;
	    }
});

 

 

* keypress  와 keydown 의 차이는 이 링크 클릭

https://kimmgamjja.tistory.com/59

[JavaScript] keyup, keydown, keypress

 

 

 

이렇게 하면 Textarea에서도 정상적으로 엔터키가 작동하고 개행도 가능해진다

결과 :