Heim >Web-Frontend >js-Tutorial >Implementieren Sie die Funktion, die Anzahl der Wörter in Textarea in JavaScript zu zählen und nach Zeichen zu fragen, die noch eingegeben werden können
Wenn Sie Text in das Textfeld eingeben, werden die eingegebenen Zeichen automatisch gezählt und die Zeichen angezeigt, die der Benutzer noch eingeben kann. Dies kann tatsächlich auch mit js implementiert werden Ein Beispiel unten
Die beliebten Microblogging-Websites wie Twitter bieten eine gute Benutzererfahrung. Bei der Eingabe von Text in das Textfeld werden die eingegebenen Zeichen automatisch gezählt und die Zeichen angezeigt, die der Benutzer noch eingeben kann. Die Grenze liegt bei 140 Zeichen. In Ihrem Microblog können solche kleinen Tipps das Benutzererlebnis erheblich verbessern.
Was ist, wenn diese Technologie implementiert ist? Ich habe einige Nachforschungen angestellt und festgestellt, dass die Implementierung der Eingabezeichen-Statistikfunktion tatsächlich recht einfach ist. seine Auswirkung auf Text Die Statistiken sind genau die gleichen wie die von Twitter und anderen Mikroblogs. Die Methode zur Verwendung von
besteht darin, zunächst einen Span hinzuzufügen, um die verbleibende Anzahl von Wörtern anzuzeigen, und dann ein onkeydown- und onkeyup-Ereignis zum Textbereich hinzuzufügen, um ein anderes aufzurufen Segment JavaScript Funktion, die von der Funktion aufgerufenen Parameter sind Span-ID und Textarea-ID, und dann wird innerHTML in JavaScript verwendet, um die berechnete verbleibende Wortanzahl zurückzugeben.
Kern-Javascript-Code:
Der Code lautet wie folgt:
<span style="font-size:18px;"><script language="javascript"> function countChar(textareaName,spanName) { document.getElementById(spanName).innerHTML = 140 - document.getElementById(textareaName).value.length; } </script> 可以输入<span id="counter">140</span>字<br/> <textarea id="status" name="status" rows="6" cols="40" onkeydown='countChar("status","counter");' onkeyup='countChar("status","counter");'></textarea></span>
Das obige ist der detaillierte Inhalt vonImplementieren Sie die Funktion, die Anzahl der Wörter in Textarea in JavaScript zu zählen und nach Zeichen zu fragen, die noch eingegeben werden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!