Heim  >  Artikel  >  Web-Frontend  >  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

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

怪我咯
怪我咯Original
2017-07-04 15:07:301362Durchsuche

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=&#39;countChar("status","counter");&#39; 
onkeyup=&#39;countChar("status","counter");&#39;></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!

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