quels attributs d'événements

Exemples

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

var x = event.which;

x La sortie est:

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

Bas de cet article contient d'autres exemples.

Définitions et utilisation

qui revient la propriété de l' événement déclencheur 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

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 leur clavier ( "W" code "87"), mais ils ont des caractères différents code, 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.

Note: IE8 et les versions antérieures ne supportent pas les attributs. navigateur Unsupported peut utiliser keyCode propriété. Cependant, les propriétés de mot de code dans l'événement du navigateur Firefox est invalide. Compatible avec ces navigateurs, vous pouvez utiliser le code suivant:

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

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

propriété
qui	oui	9.0	oui	oui	oui

grammaire

événement .Qui

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; // event.keyCode pour IE8 et les versions antérieures
document.getElementById ( "demo") .innerHTML = "Code de caractères Unicode:" + omble;
}

fonction uniKeyCode (event) {
clé var = event.which || event.keyCode; // event.keyCode pour IE8 et les versions antérieures
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 codes de clavier: 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.which || event.keyCode; // event.keyCode pour IE8 et les versions antérieures
if (x == 27) {// 27 touche ESC est
alert ( "Vous avez appuyé sur la touche Echap !");
}
}

Essayez »