/ / Resizeable Textarea, die ständig beim Keyup die Größe ändert, anstatt auf den Überlauf des Inhalts zu warten - Javascript, CSS, Größe und Textbereich

Größe veränderbares Textfeld, das ständig auf keyup skaliert, anstatt darauf zu warten, dass Inhalt überläuft - javascript, css, resize, textarea

Ich versuche ein Nachrichtenkontaktformular mit einem Textbereich zu erstellen, der automatisch die Größe entsprechend dem eingefügten Inhalt ändert. Das heißt, wenn der Benutzer die Nachricht eingibt, wird der Textbereich an die Nachricht angepasst.

Dafür habe ich StackOverflow gesucht und gefunden diese Antwort.

Beim Implementieren des dort verwendeten JavaScript-Snippets bekomme ich jedoch eine Textfläche, die sich ständig ändert, auf jeden keyup Aktion. Dies geschieht, wenn ich den Textbereich mit der CSS-Beschleunigung aktualisiere. Wenn ich einfach die Größe ohne "gezackte" Größe ändern lasse, läuft alles gut ... sieht aber weniger elegant aus.

Sie können sehen, was hier los ist.

Vielleicht kann jemand da draußen sehen, was hier los ist!

Antworten:

2 für die Antwort № 1

Verwenden Sie ein Jquery-Plugin, um die Höhe der Textfläche zu ändern. Ich persönlich empfehle das: http://www.jacklmoore.com/autosize