Heim > Web-Frontend > js-Tutorial > Zählen Sie die Anzahl der Wörter im Textbereich in JavaScript und fragen Sie nach Zeichen, die noch eingegeben werden können_Javascript-Kenntnisse

Zählen Sie die Anzahl der Wörter im Textbereich in JavaScript und fragen Sie nach Zeichen, die noch eingegeben werden können_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:45:01
Original
1269 Leute haben es durchsucht

Heutzutage bieten beliebte Microblogging-Websites ein gutes Benutzererlebnis. Bei der Eingabe von Text in das Textfeld werden die eingegebenen Zeichen automatisch gezählt und die Zeichen, die der Benutzer noch eingeben kann, werden angezeigt Mikroblogs: Kleine Tipps wie dieser können das Benutzererlebnis erheblich verbessern.


Was ist, wenn diese Technologie implementiert ist? Ich habe einige Nachforschungen angestellt und festgestellt, dass die Implementierung der Eingabezeichenstatistikfunktion tatsächlich recht einfach ist sind ähnlich wie Twitter. Das Warten auf den Mikroblog ist genau das Gleiche.

Die Verwendungsmethode besteht darin, zuerst eine Spanne hinzuzufügen, um die verbleibende Anzahl von Wörtern anzuzeigen, dann ein Onkeydown- und Onkeyup-Ereignis im Textbereich hinzuzufügen und eine weitere JavaScript-Funktion aufzurufen. Die Parameter des Funktionsaufrufs sind die ID und span der Spanne, und verwenden Sie dann innerHTML in JavaScript, um die berechnete verbleibende Wortanzahl zurückzugeben.

Kern-Javascript-Code:

Code kopieren Der Code lautet wie folgt:

< span style="font-size:18px;"> Sie können 140words< br/> ;
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage