communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > JavaScript enregistre le nombre de caractères dans la zone de texte et détecte les changements dans le nombre de caractères_javascript skills

JavaScript enregistre le nombre de caractères dans la zone de texte et détecte les changements dans le nombre de caractères_javascript skills

WBOY
Libérer： 2016-05-16 16:34:01
original
1004 Les gens l'ont consulté

J'ai récemment rencontré un tel problème en travaillant sur un projet. Il est nécessaire de compter le texte saisi par l'utilisateur dans la zone de texte et de l'afficher ci-dessous car ce que nous faisons est une plateforme d'envoi de SMS, et maintenant celle de notre pays. Service SMS, Si votre message dépasse 70 caractères, deux SMS vous seront envoyés. Nous devons donc montrer à l'utilisateur combien de mots il a saisi. Il est pratique pour les utilisateurs de savoir que mes informations seront divisées en plusieurs parties.

J'ai téléchargé un code et je l'ai téléchargé. Quand j'ai commencé à l'utiliser, c'était ok et pas mal, mais après l'avoir utilisé pendant un moment, j'ai découvert un problème. Cela signifie qu'après avoir supprimé le texte, il y a un problème avec le changement du nombre de mots. Plus tard, j'ai fait quelques recherches et j'ai trouvé le problème. onKeyDown="showLen(this)" onKeyUp="showLen(this). Dans le passé, une seule des méthodes était utilisée à chaque fois, et personne ne l'utilisait. Ces deux méthodes comptent lorsque vous appuyez sur le clavier et relâchez le clavier. D'accord, je vais télécharger le programme 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<mce:script language="javascript"><!-- 
function showLen(obj) 
{ 
document.getElementById("contentLen").value=obj.value.length; 
document.getElementById("smsnum").value=Math.floor(obj.value.length/70)+1; 
} 
// --></mce:script> 
</HEAD> 
<BODY> 

<textarea name="content" cols="60" rows="5" id="content" onKeyDown="showLen(this)" onKeyUp="showLen(this)">
Copier après la connexion
Étiquettes associées：
文本框
source：php.cn
Article précédent：JavaScript implémente les compétences de fonction_javascript de capture d'écran de page Web Article suivant：Résumé des compétences JavaScript inter-domaines en matière de méthodes_javascript
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
Derniers articles par auteur
Derniers numéros
Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
Depuis 2024-04-06 22:01:35
0
3
816
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Existe-t-il un moyen de forcer le texte de la flexbox à être centré verticalement, quel que soit l'autre code CSS dont nous disposons ? J'ai le code CSS suivant qui fait partie d'un code CSS plus vaste utilisé dans un site Web...
Depuis 2024-04-06 20:41:51
0
1
518
MySQL : "Sélectionnez le texte de... comme <variable ici ou sous-requête>" J'ai le tableau suivant avec les données suivantes : id texte langue 1 texte allemand alle...
Depuis 2024-04-06 19:25:54
0
2
529
Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ? Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...
Depuis 2024-04-06 19:13:16
0
2
476
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal