How to create dynamic resize for textarea with javascript?

Question

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!

possible duplicate of Auto expand a textarea using jQuery

adeneo
– adeneo

2014-03-26 20:45:02 +00:00
Commented Mar 26, 2014 at 20:45 — adeneo
– adeneo, Commented Mar 26, 2014 at 20:45

Alethes · Accepted Answer · 2014-03-26 21:13:20Z

1

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

edited Mar 26, 2014 at 21:13

answered Mar 26, 2014 at 20:49

Alethes

9227 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Patrick Geyer Over a year ago

Not really adjustable for different fonts etc.

Collectives™ on Stack Overflow

How to create dynamic resize for textarea with javascript?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related