textarea not shrinking when deleting character

Asked Apr 12 '13 at 06:42

Active Feb 04 '21 at 22:35

Viewed 499 times

I am trying to use Javascript to shrink and grow automatically as the height of the scroll is increasing. The growing the height of textarea is achieved but when I am deleting the texts I can't figure out how to shrink the size.... I don't want to use the jQuery functions.

My code is:

<html>
<head>
  <script>

   function func() {
    var ta = document.getElementById('mytexta');
    ta.value+=ta.scrollHeight+' '+ta.clientHeight;
    if(ta.scrollHeight>ta.clientHeight)
      {
        ta.style.overflow='hidden';
        ta.rows+=1;
      }

                    }
  </script>
</head>
<body>
   <textarea class="mytext" onkeyup="func()" id="mytexta" style="overflow:hidden;">Here we go</textarea>
  </body>
  </html>

edited Feb 04 '21 at 22:35

Brian Tompsett - 汤莱恩

5,753
72
57
129

asked Apr 12 '13 at 06:42

Iftikhar Ali Ansari

1,650
1
17
27

it will be also glad if you guyz tell me how to check whether the pressed key is '\n' or something like ':' – Iftikhar Ali Ansari Apr 12 '13 at 06:44
have a look at this http://stackoverflow.com/questions/454202/creating-a-textarea-with-auto-resize – Praveena Apr 12 '13 at 07:08
http://stackoverflow.com/questions/454202/creating-a-textarea-with-auto-resize – Praveena Apr 12 '13 at 07:09

textarea not shrinking when deleting character

0 Answers0