J'ai une boîte d'entrée. Je souhaite compter le nombre de caractères ajoutés dans la zone d'entrée si l'utilisateur appuyé sur la touche "A" (ou n'importe quelle touche du clavier) du clavier mais non publié à l'aide de JavaScript ou angulaire.
<input type="text" name="charactercount" value="aaaaaa" /><br> <span>6</span>
7 Réponses :
Utilisez l'événement ONCHANGE CODE> Event et la longueur CODE> Propriété inputElement.onchange = function(){
textElement.innerHTML = input.value.length;
}
Utilisez le "Keydown" EventListener
document.querySelector("input").addEventListener("keydown", (e) => console.log(e));
<input id="input" type="text" name="charactercount" /><br> <span id="result">0</span>
Je pense que cela peut vous aider si vous voulez angularjs et vous pouvez voir résultat de cette link
Vous devez utiliser les deux événements p> keyup code> et code>
<input type="text" name="charactercount" value="" /><br>
<span></span>
J'espère que cela aide
p>
<input id="text" placeholder="Enter a text..."> <span id="span"></span>
Vous pouvez utiliser l'événement p> entrée code>.
<input type="text" name="charactercount" value="aaaaaa" /><br>
<span>6</span>
utiliser l'événement clé
Keydown compte une seule fois. Cela ne fonctionne pas avec la clé pressée et non relâchée
Qu'est-ce que vous entendez par " Keydown comptent une seule fois "?
Ce que je veux dire par clé de clé à compter une seule fois que lorsque nous appuyons sur une touche, l'événement clé est appelé, mais si nous ne relâchons pas le bouton, il ne comptera que la clé une fois que des touches ne sont pas maintenues dans la zone d'entrée.