Este artigo descreve o método do JS para implementar caixas de texto de formulário de altura adaptável. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitória // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> JS implementa a caixa de texto de forma de altura adaptativa </ititle>
<style type = "text/css">
#shadow, #text {font: 12px/16px Arial; Largura: 200px; estouro: oculto; Altura: 16px; }
#shadow {posição: absoluto; largura de fronteira: 0px; preenchimento: 0px; Visibilidade: escondida; }
#Text {redimensionamento: nenhum; }
</style>
<script type = "text/javascript">
window.onload = function () {
var text = document.getElementById ("text"); // a caixa de texto vista pelo usuário
var Shadow = document.getElementById ("Shadow"); // Caixa de texto oculto
text.onInput = // não-AID
text.onPropertyChange = // ie's
onchange;
função onchange () {
Shadow.value = text.value;
sethight ();
setTimeout (SethEight, 0); // Para o atraso do IE 6/7/8, caso contrário, haverá uma entrada e saída de personagens
function seThEight () {text.style.Height = Shadow.ScrolHeight + "px"; }
}
};
</script>
</head>
<Body>
<textarea id = "text"> </sexttarea>
<textarea id = "Shadow"> </sexttarea>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.