CODEWITHSUNDEEP
javascripthtml
user3388884
user3388884

Reputation: 5098

How to create dynamic resize for textarea with javascript?

I have several textarea elements in my html/php page. However, I need these textareas to resize dynamically. At the basic level, it need to expand when a user presses the enter key. How could I use javascript to make this happen? Any pointers are well appreciated. Thanks!

Upvotes: 0

Views: 202

Answers (1)

Alethes
Alethes

Reputation: 922

This would be a basic implementation:

HTML:

<textarea id="a"></textarea>

JS:

var t = document.getElementById("a");
t.style.height = "80px";
t.onkeyup = function(e){
    if(e.keyCode == 13){
        t.style.height = parseInt(t.style.height) + 30 + "px";
    }
}

This is meant as something to start with.

Link to JSFiddle

Upvotes: 1

Related Questions