propriété keyCode de l'événement

propriétés des événements clés: Précédent

Suivant: localisation des propriétés d'événement

Les objets Event

Exemples

Étant valeurs Unicode en appuyant sur les touches du clavier:

var x = event.keyCode;

x La sortie est:

119 // 119 est le caractère "w"

Essayez »

Bas de cet article contient d'autres exemples.

Définitions et utilisation

déclarations de propriété keyCode de déclenchement d' événement personnage clé de la valeur de code ou onkeydown ou onkeyup événement code.

La différence entre les deux types de code:

Code de caractère - Indique un caractère ASCII
codes de clavier - représente les touches numériques du clavier réel

p> deux types de valeurs ne sont pas égales, par exemple, les caractères minuscules "w" majuscule "W" ont le même code de clavier, car ils sont sur le clavier ( "W" code "87"), mais ils ont leurs différents code de caractère, deux caractères ne sont pas la même sortie ( "w" et "W" code de caractère "119" et "87") - Voir les exemples suivants peuvent être mieux compris.

Astuce: Si vous avez besoin de connaître l'utilisateur appuie sur la touche d'impression (tels que "a" ou "5"), il est recommandé d'utiliser l' événement onkeypress. Si vous avez besoin de connaître l'utilisateur appuie sur une touche de fonction (tels que "F1", "CAPS LOCK" ou "Home") peut être utilisé onkeydown ou événement onkeyup.

Remarque: Dans Firefox ,, propriété keyCode événement onkeypress est invalide (return 0). problèmes de compatibilité du navigateur, peuvent être utilisés avec qui et keyCode propriétés à résoudre:

var x = event.which || event.keyCode; // usage qui ou keyCode, cela peut prendre en charge différents navigateurs

Note: Une liste de tous les caractères Unicode peut voir notre manuel de référence Unicode complète .

Astuce: Si vous avez besoin de convertir la valeur de caractères Unicode, vous pouvez utiliser fromCharCode () méthode.

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

Note: ce qui keyCode propriété et offre une méthode de solution pour la compatibilité du navigateur, la dernière version de l'événement DOM recommandé clé attribut comme une méthode alternative.

Astuce: Si vous voulez voir si la presse "ALT", "CTRL", "META" ou la touche "SHIFT", vous pouvez utiliser altKey , ctrlKey , metakey ou shiftKey propriété.

support du navigateur

propriété
keyCode	oui	oui	oui	oui	oui

grammaire

événement .keyCode

détails techniques

Retours:	Nombre qui représente le code de caractère Unicode ou un code de clé Unicode
Version DOM:	Niveau DOM 2 Events

D'autres exemples

Exemples

Utilisez onkeypress et onKeyDown pour démontrer la différence entre les codes de caractères et clavier:

<Input type = "text" onkeypress = "uniCharCode (event)" onkeydown = "uniKeyCode (event)">

fonction uniCharCode (event) {
var omble = event.which || event.keyCode;
document.getElementById ( "demo") .innerHTML = "Code de caractères Unicode:" + omble;
}

fonction uniKeyCode (event) {
var key = event.keyCode;
document.getElementById ( "demo2") .innerHTML = "Code Unicode KEY:" + clé;
}

Lorsque vous appuyez sur le clavier "une" clé (ne pas utiliser Caps Lock), les résultats de sortie sont les suivantes:

Unicode code de caractère: 97
Unicode code clé: 65

Essayez »

Exemples

Si vous appuyez sur la touche Echap pour afficher un message:

<Input type = "text" onkeydown = "myFunction (event)">

function myFunction (event) {
var x = event.keyCode;
if (x == 27) {// 27 touche ESC est
alert ( "Vous avez appuyé sur la touche Echap !");
}
}

Essayez »