Événements JavaScript OnKeyPress
L'événement OnKeyPress est déclenché lorsque l'utilisateur appuie ou maintient une touche de clavier.
Remarque: il existe de légères différences entre l'événement OnKeypress et l'événement Onkeydown. L'événement OnKeyPress ne gère pas la touche de fonction correspondante en appuyant sur. Pour des exemples spécifiques, vous pouvez modifier l'exemple suivant dans l'événement Onkeydown et entrer des caractères spéciaux tels que! @ # $ Pour comprendre la différence.
indice
Internet Explorer / Chrome Browser utilise Event.KeyCode pour récupérer les caractères pressés, tandis que les navigateurs tels que Netscape / Firefox / Opera utilisent l'événement.
Seuls les nombres peuvent être entrés en utilisant l'événement OnKeyPress
Voici un exemple d'utilisation de l'événement OnKeyPress qui permet aux utilisateurs de saisir des nombres uniquement dans le champ de formulaire:
La copie de code est la suivante:
<html>
<adal>
<cript>
Fonction CheckNumber (E)
{
var keynum = window.event? E.KeyCode: E.Which;
// alerte (keynum);
var tip = document.getElementById ("Tip");
if ((48 <= keynum && keynum <= 57) || keynum == 8) {
Tip.innerhtml = "";
Retour Vrai;
}autre {
Tip.innerhtml = "TIP: Entrez uniquement les nombres!";
retourne false;
}
}
</cript>
</ head>
<body>
<div> Veuillez saisir le numéro: <input type = "text" onKeyPress = "return checkNumber (event);" />
<span id = "tip"> </span>
</div>
</docy>
</html>
event.KeyCode / Event.Which obtient la valeur numérique correspondant à une clé (codage Unicode), et les valeurs de clés couramment utilisées sont répertoriées dans la section d'événements Onkedown. Dans l'exemple, la valeur de 8 est spécialement traitée pour prendre en charge la touche arrière dans le champ de texte.