Heim > Artikel > Web-Frontend > Wie man in JS_Javascript-Kenntnissen dafür sorgt, dass das Textfeld mit der Länge des Textes wächst

Wie man in JS_Javascript-Kenntnissen dafür sorgt, dass das Textfeld mit der Länge des Textes wächst

WBOYOriginal: 2016-05-16 15:48:131112Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie JS das Textfeld so implementiert, dass es mit der Länge des Textes wächst. Die spezifische Implementierungsmethode ist wie folgt:

<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">
<html>
<head>
<title>文本框随文本的宽度而增长</title>
</head>
<script type="text/javascript">
function changeInputlength(cursor)
{
var getcount=document.getElementById("countFont");
var getText=document.getElementById("text");
getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Einfaches Beispiel für die Array-Vererbung in JavaScript_BasicsNächster Artikel：Einfaches Beispiel für die Array-Vererbung in JavaScript_Basics

In Verbindung stehende Artikel

Mehr sehen