L'événement input en JavaScript
L'événement suivant que nous allons étudier
s'appelle input. Il se déclenche à chaque fois
qu'un nouveau caractère est saisi dans un champ de saisie ou
une textarea. Regardons un exemple. Supposons
que nous ayons un champ de saisie :
<input id="elem">
À chaque appui sur une touche du clavier, affichons dans la console le contenu actuel du champ de saisie :
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Un champ de saisie est donné. Du texte y est saisi. Dès que
la longueur du texte atteint 5
caractères, affichez un message à ce sujet.
Un champ de saisie est donné. Il est permis d'y saisir
5 caractères. Un paragraphe est également donné. Au fur et à mesure
de la saisie des caractères dans le champ, indiquez combien de
caractères peuvent encore être saisis. Lorsque le nombre de caractères
dépasse 5, affichez dans le paragraphe
la valeur du dépassement.
