Cet article décrit la méthode de JS pour implémenter des zones de texte de formulaire de hauteur adaptative. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! 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">
<adal>
<Title> JS implémente la zone de texte du formulaire de hauteur adaptative </Title>
<style type = "text / css">
#shadow, #Text {font: 12px / 16px arial; Largeur: 200px; débordement: caché; hauteur: 16px; }
#shadow {position: absolue; largeur de bordure: 0px; rembourrage: 0px; Visibilité: cachée; }
#Text {redimensi: Aucun; }
</ style>
<script type = "text / javascript">
window.onload = function () {
var text = document.getElementById ("text"); // la zone de texte vue par l'utilisateur
var shadow = document.getElementById ("Shadow"); // zone de texte cachée
text.oninput = // non iie
text.onpropertychange = // ie's
onchange;
fonction onchange () {
shadow.value = text.value;
Setheight ();
setTimeout (Setheight, 0); // Pour le retard de IE 6/7/8, sinon il y aura une entrée de personnage et une sortie
fonction setheight () {text.style.height = shadow.scrollHeight + "px"; }
}
};
</cript>
</ head>
<body>
<TextArea id = "Text"> </ TextArea>
<TextArea id = "Shadow"> </ TextArea>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.