Propriété charCode de l'événement KeyboardEvent

Événements DOM KeyboardEvent

Définition et utilisation

La propriété charCode renvoie le Événement onkeypress du code Unicode de la touche.

Le code Unicode d'un caractère est un numéro qui représente un caractère (par exemple, le nombre "97" représente la lettre "a").

Avis :Pour une liste de tous les caractères Unicode, veuillez consulter notre Référence Unicode complète.

Avis :Si vous devez convertir une valeur Unicode en caractère, utilisez méthode fromCharCode().

Remarque :Si cette propriété est utilisée pour onkeydown ou onkeyup Si cette propriété est utilisée pour un événement, la valeur renvoyée est toujours "0".

Remarque :Cette propriété est en lecture seule.

Remarque :IE8 et versions antérieures ne prennent pas en charge la propriété charCode. Cependant, pour ces versions de navigateur, vous pouvez utiliser Propriété keyCodeOu, pour une solution cross-browser, vous pouvez utiliser le code suivant :

var x = event.charCode || event.keyCode; // Utiliser charCode ou keyCode dépend de la prise en charge du navigateur

Avis :Vous pouvez également utiliser la propriété keyCode pour détecter les touches spéciales (par exemple, le verrouillage majuscule ou les touches de direction). Cependant, la fourniture simultanée des propriétés keyCode et charCode est uniquement pour la compatibilité. La dernière version de la norme DOM événement suggère d'utiliser la propriété key (si disponible).

Avis :Si vous souhaitez savoir si "ALT", "CTRL", "META" ou "SHIFT" ont été appuyés lors de l'événement de frappe de touche, utilisez altKey、ctrlKey/、metaKey ou shiftKey Attributs.

Exemple

Exemple 1

Obtenir la valeur Unicode de la touche appuyée :

var x = event.charCode;

Essayez-le vous-même

Exemple 2

Solution de passage à travers les navigateurs pour obtenir la valeur Unicode de la touche appuyée :

// Si le navigateur prend en charge, utilisez charCode, sinon utilisez keyCode (pour IE8 et versions antérieures)
var x = event.charCode || event.keyCode;

Essayez-le vous-même

Exemple 3

Si l'utilisateur appuie sur la touche "O", affichez un texte :

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o est 111, O est 79
    alert("Vous avez appuyé sur la touche 'O' !");
  }
}

Essayez-le vous-même

Exemple 4

Convertir la valeur Unicode en caractère :

var x = event.charCode || evt.keyCode;   // Obtenir la valeur Unicode
var y = String.fromCharCode(x);          // Convertir la valeur en caractère

Essayez-le vous-même

Syntaxe

event.charCode

Détails techniques

Valeur de retour : Valeur numérique, représentant le code Unicode du caractère.
Version DOM : DOM Level 2 Events

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette attribution.

Attributs Chrome IE Firefox Safari Opera
charCode Support 9.0 Support Support Support

Pages associées

Référence HTML DOM :Attribut key de KeyboardEvent

Référence HTML DOM :Attribut keyCode de KeyboardEvent

Référence HTML DOM :Attribut which de KeyboardEvent

Événements DOM KeyboardEvent