Les sites Web populaires de Weibo tels que Twitter ont une bonne expérience utilisateur, c'est-à-dire que lors de la saisie du texte dans la zone de texte, les caractères entrés seront automatiquement comptés et les caractères que les utilisateurs peuvent toujours entrer seront affichés. Dans les blogs de Weibo avec une limite de 140 caractères, une si petite astuce peut considérablement améliorer l'expérience utilisateur.
Si je mette en œuvre cette technologie, j'ai mené des recherches et j'ai constaté que la mise en œuvre est en fait assez simple. Quelques lignes de code peuvent compléter la fonction de statistiques des caractères d'entrée. Après des tests réels, ses statistiques sur le texte sont exactement les mêmes que celles des blogs de Weibo tels que Twitter.
La méthode d'utilisation consiste à ajouter d'abord une portée pour afficher le nombre de mots restant, puis à ajouter un événement OnKeyDown et OnkeyUp dans TextArea et d'appeler une autre fonction JavaScript. Les paramètres de l'appel de fonction sont l'ID Span et l'ID TextArea, puis utilisent InnerHTML dans JavaScript pour retourner le nombre de mots calculé.
Code JavaScript Core:
La copie de code est la suivante:
<span style = "font-size: 18px;"> <script linguisse = "javascript">
fonction countchar (textareaname, spanname)
{
document.getElementById (Spanname) .InnerHtml = 140 - document.getElementById (TextAreAname) .Value.Length;
}
</cript>
Vous pouvez entrer <span id = "Counter"> 140 </span> mots <br/>
<textarea id = "status" name = "status" rows = "6" cols = "40" onkeydown = 'countchar ("status", "compteur");'
onKeyUp = 'countchar ("status", "counter");'> </ textarea> </span>
PS: Ce site fournit également un outil en ligne pour le comptage des mots. Les amis intéressés peuvent y faire référence:
Outil de nombre de mots en ligne:
http://tools.vevb.com/code/zishutongji