Wie man eine Textarea in Höhe automatisch einstellt?

Question

Ich setze die Breite eines Textfelds auf 100%, aber jetzt muss ich wissen, wie viele Zeichen in einer Zeile passen können.

Ich versuche eine JavaScript-Funktion zu schreiben, um ein Textfeld automatisch zu vergrößern/verkleinern. Ich versuche, jquery nicht zu benutzen, da ich nur diese eine Funktion brauche.

Meine Logik rows = textarea.value.split('\n') ist, durchlaufen rows und count += rows[i].length/textarea.cols, dann count += rows.length und schließlich textarea.rows = count. Das einzige Problem ist, dass count zu groß ist, weil textarea.cols zu klein ist.

Answer 1

Mit dieser Funktion wird die Höhe des Elements (in Ihrem Fall Textfeld) auf die Standardhöhe des Browsers eingestellt. Wenn dadurch eine Bildlaufleiste erscheint, wird die Höhe auf die tatsächlich benötigte Höhe umgeschaltet.

function autoHeight(element){ 
    element.style.height='auto'; 
    element.style.height=element.scrollHeight+'px'; 
} 

Wenn Sie nicht die Standardhöhe des Browsers möchten, können Sie, dass an einen anderen Standardwert des eigenen ändern, natürlich.