Utilisation de l'événement Keydown pour empêcher les utilisateurs de saisir les compétences code_javascript d'implémentation

Comprenez d'abord la différence entre chaque événement

KeyDown : se produit lorsqu'une touche est enfoncée lorsque le contrôle a le focus
KeyPress : se produit lorsqu'une touche est enfoncée lorsque le contrôle a le focus
KeyUp : In Se produit lorsque la touche est relâchée lorsque le contrôle a le focus

1. KeyPress est principalement utilisé pour recevoir des caractères ANSI tels que des lettres et des chiffres. Les processus événementiels KeyDown et KeyUP peuvent généralement capturer toutes les touches du clavier à l'exception de PrScrn (les touches spéciales des claviers spéciaux ne sont pas abordées ici

2. KeyPress ne peut capturer qu'un seul caractère, tandis que KeyDown et KeyUp peuvent capturer des combinaisons de touches .

3. KeyPress n'affiche pas l'état physique du clavier (touche SHIFT), mais transmet uniquement un caractère. KeyPress interprète les formes majuscules et minuscules de chaque caractère comme des codes de touches différents, c'est-à-dire KeyDown. et KeyUp ne peuvent pas être utilisés. Déterminez la taille des lettres de la clé. KeyDown et KeyUp interprètent les formes majuscules et minuscules de chaque caractère avec deux paramètres : keycode - qui affiche la clé physique (renvoie A et a comme la même clé) et shift - qui indique le décalage de la touche. Status et renvoie l'un des A ou a.

5. KeyPress ne fait pas la distinction entre les caractères numériques du petit clavier et KeyDown et KeyUp distinguent les caractères numériques de. le petit clavier et le clavier principal.

6. Les événements KeyDown, KeyUp se produisent lorsqu'une touche est enfoncée (KeyDown) ou relâchée (KeyUp). Puisque les touches du clavier généralement enfoncées sont souvent relâchées immédiatement (c'est différent de). la souris), lequel doit être utilisé pour ces deux événements. La différence n'est pas grande. De plus, il y a une autre différence entre up et les deux autres : pour déterminer l'état modifié de la clé, il faut utiliser up
<.> Nous pouvons utiliser l'événement keydown pour empêcher la saisie de l'utilisateur. Par exemple, un certain champ de saisie ne peut être utilisé que pour saisir des chiffres

keyCode des touches numériques du clavier

[48-. 57] touches numériques
[96-105] pavé numérique
De plus, la touche Retour arrière est autorisée à supprimer

Le code est le suivant

Copier le codeLe code est le suivant :

var input = document.getElementById('number_ipt')
input.onkeydown = function(e ) {
var keyCode = e.keyCode
if ( !isNumber(keyCode) ) return false
}

// uniquement Peut saisir des nombres
function isNumber(keyCode) {
// Numéro
if (keyCode >= 48 && keyCode <= 57 ) return true
// Petit clavier numérique
if ( keyCode >= 96 && keyCode <= 105) return true
// Touche Retour arrière
if (keyCode == 8) return true
return false
}