Das Beispiel in diesem Artikel beschreibt die Methode zur Implementierung eines adaptiven Höhenform-Textfelds in JS. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt: Code kopieren Der Code lautet wie folgt: JS implementiert ein Textfeld mit adaptiver Höhenform <br> #shadow, #text { Schriftart: 12px/16px; Arialbreite: 200px; Höhe: 16px; #shadow { position: absolute; padding: 0px; #text { resize: none; }<br> <br> window.onload = function () {<br> var text = document.getElementById("text"); //Das Textfeld, das der Benutzer sieht<br> varshadow = document.getElementById("shadow"); //Verstecktes Textfeld<br> text.oninput = //Nicht-IE <br> text.onpropertychange = //IE's <br> onchange;<br> Funktion onchange() {<br> shadow.value = text.value;<br> setHeight();<br> setTimeout(setHeight, 0); //Gezielt auf die Verzögerung von IE 6/7/8, sonst kommt es manchmal zu einer Zeichendiskrepanz <br> function setHeight() { text.style.height =shadow.scrollHeight "px"; }<br> };<br>
