Exemple de saisie d'événement JavaScript onkeypress (appuyer ou maintenir une touche du clavier)_Connaissances de base

Événement JavaScript onkeypress

L'événement onkeypress est déclenché lorsque l'utilisateur appuie ou maintient enfoncée une touche du clavier.

Remarque : L'événement onkeypress est légèrement différent de l'événement onkeydown L'événement onkeypress ne traite pas la pression sur la touche de fonction correspondante. Plus précisément, vous pouvez remplacer l'exemple suivant par l'événement onkeydown et saisir des caractères spéciaux tels que !@#$ pour ressentir la différence entre les deux.

Conseils

Les navigateurs Internet Explorer/Chrome utilisent event.keyCode pour récupérer le caractère pressé, tandis que les navigateurs tels que Netscape/Firefox/Opera utilisent event.which.

Utilisez l'événement onkeypress pour autoriser uniquement la saisie de chiffres

Ce qui suit est un exemple d'utilisation de l'événement onkeypress pour autoriser uniquement les utilisateurs à saisir des chiffres dans un champ de formulaire :

Copier le code Le code est le suivant :

<script><br> fonction checkNumber(e)<br> {<br> var keynum = window.event ? e.keyCode : e.which;<br> //alerte(keynum);<br> var tip = document.getElementById("tip");<br> Si( (48<=keynum && keynum<=57) || keynum == 8 ){<br />          tip.innerHTML = "";<br />         return true ;<br /> }autre {<br /> ​​​​ tip.innerHTML = "Astuce : seuls les chiffres peuvent être saisis !";<br />          return false ;<br /> ><br /> } <br /> </script>

Veuillez saisir un nombre :

event.keyCode/event.qui obtient la valeur numérique (codage Unicode) correspondant à une clé. Les valeurs de clés communes sont répertoriées dans la section événement onkeydown

. Dans l'exemple, la valeur 8 est spécialement traitée pour prendre en charge la touche Retour arrière dans le champ de texte.