Die beliebten Weibo -Websites wie Twitter haben eine gute Benutzererfahrung, dh beim Eingeben von Text in das Textfeld werden die eingegebenen Zeichen automatisch gezählt und die Zeichen, die Benutzer weiterhin eingeben können, werden angezeigt. In Weibo -Blogs mit einer Grenze von 140 Zeichen kann ein so kleiner Tipp die Benutzererfahrung erheblich verbessern.
Wenn ich diese Technologie implementiere, habe ich einige Nachforschungen angestellt und festgestellt, dass die Implementierung tatsächlich recht einfach ist. Einige Codezeilen können die Funktion der Eingabezeichenstatistik ausfüllen. Nach den tatsächlichen Tests entspricht die Statistiken zum Text genau wie die von Weibo -Blogs wie Twitter.
Die Verwendungsmethode besteht darin, zuerst eine Spannweite hinzuzufügen, um die verbleibende Wortanzahl anzuzeigen, dann einen Onkeydown- und ONKEYUP -Ereignis in TextArea hinzuzufügen und eine andere JavaScript -Funktion aufzurufen. Die Parameter des Funktionsaufrufs sind die Span -ID und die TextArea -ID und verwenden dann Innerhtml in JavaScript, um die berechnete verbleibende Wortzahl zurückzugeben.
CORE JavaScript -Code:
Die Codekopie lautet wie folgt:
<span style = "Schriftgröße: 18px;"> <script Language = "JavaScript">
Funktion countChar (TextAreAname, Spanname)
{
document.GetElementById (Spanname) .innerhtml = 140 - document.getElementById (TextAreAname) .Value.Length;
}
</script>
Sie können <span id = "counter"> 140 </span> Wörter <br/> eingeben
<textArea id = "Status" name = "status" rows = "6" cols = "40" Onkeydown = 'countChar ("Status", "Zähler");'
OnKeyUp = 'countChar ("Status", "Zähler");'> </textarea> </span>
PS: Diese Website bietet auch ein Online -Tool für die Wortzählung. Interessierte Freunde können sich darauf beziehen:
Online -Wortzahl -Tool:
http://tools.vevb.com/code/zishutongji