Maison > interface Web > js tutoriel > Comptez le nombre de mots dans Textarea en JavaScript et demandez les caractères qui peuvent encore être saisis_javascript skills

Comptez le nombre de mots dans Textarea en JavaScript et demandez les caractères qui peuvent encore être saisis_javascript skills

WBOY
Libérer: 2016-05-16 16:45:01
original
1268 Les gens l'ont consulté

De nos jours, les sites de microblogging populaires tels que Twitter offrent une bonne expérience utilisateur. Lors de la saisie de texte dans la zone de texte, les caractères saisis seront automatiquement comptés et les caractères que l'utilisateur peut encore saisir seront affichés. microblogs, de petits conseils comme celui-ci peuvent grandement améliorer l'expérience utilisateur.


Et si cette technologie était implémentée ? J'ai fait quelques recherches et j'ai découvert que l'implémentation est en fait assez simple. Quelques lignes de code peuvent compléter la fonction de statistiques de caractères d'entrée, après des tests réels, ses statistiques de texte. sont similaires à Twitter En attendant le micro blog, c'est exactement la même chose.

La méthode d'utilisation consiste à ajouter d'abord un span pour afficher le nombre de mots restant, puis à ajouter un événement onkeydown et onkeyup dans la zone de texte et à appeler une autre fonction JavaScript. Les paramètres de l'appel de fonction sont l'identifiant. et span de la span. L'identifiant de la zone de texte, puis utilisez innerHTML en JavaScript pour renvoyer le nombre de mots restants calculé.

Code Javascript de base :

Copier le code Le code est le suivant :

< span style="font-size:18px;">
Vous pouvez saisir 140words< br/> ;
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal