In diesem Artikel wird die Methode von JS beschrieben, um adaptive Höhe des Formulars zu implementieren. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<titels> Js implementiert adaptives Textfeld Formular </title>
<style type = "text/css">
#shadow, #Text {font: 12px/16px arial; Breite: 200px; Überlauf: versteckt; Höhe: 16px; }
#shadow {Position: absolut; Randbreit: 0px; Polsterung: 0px; Sichtbarkeit: versteckt; }
#Text {Größe: Keine; }
</style>
<script type = "text/javaScript">
window.onload = function () {
var text = document.getElementById ("text"); // das vom Benutzer angezeigte Textfeld
var Shadow = document.getElementById ("Shadow"); // verstecktes Textfeld
text.oninput = // noni
text.onpropertychange = // ie's
onchange;
Funktion onchange () {
Shadow.Value = text.Value;
setheight ();
setTimeout (Setheight, 0); // Für die Verzögerung von IE 6/7/8 wird es ansonsten einen Charaktereintrag und einen Ausgang geben
Funktion setheight () {text.style.height = Shadow.ScrollHeight + "px"; }
}
};
</script>
</head>
<body>
<textArea id = "text"> </textArea>
<textArea id = "Shadow"> </textArea>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.