convertir code clavier en caractère

**danyboy85** · 21/02/2006, 14h35

Bonjour,

je souhaite récupérer le code de la touche de clavier pressée et afficher le caractère correspondant.

Pour récupérer le code clavier , pas de problème.

Par contre lorsque je veux convertir ce code clavier pour obtenir le caractère correspondant j'ai un problème.
J'utilise la fonction javascript "String.fromCharCode".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var car = String.fromCharCode(window.event.keyCode);

je ne sais pas si c'est la bonne fonction à utiliser mais en tout cas je n'obtiens pas les caractères voulus;

Exemple :

code 65 --> retourne "A" au lieu de "a"
code 97 --> retourne "a" au lieu de "1"

Est-ce que j'utilise la bonne fonction javascript ?

**Auteur** · 21/02/2006, 19h00

bonjour,

Envoyé par danyboy85

code 65 --> retourne "A" au lieu de "a"
code 97 --> retourne "a" au lieu de "1"

le code 65 est le code de "A" et 97 le code de "a" : les résultats sont justes.

**danyboy85** · 22/02/2006, 08h41

Oui mais alors comment faire, à partir d'un événement e, provoqué en pressant la touche "1" du clavier, pour récupérer la valeur "1" et pas "a" ?

Faut-il utiliser une autre table de caractères que la table ASCII ?

**danyboy85** · 22/02/2006, 09h54

Pour être plus précis, chaque touche du clavier est identifiée par un code mais ce code n'a rien avoir avec la table des caractères ASCII.

Si je presse la touche "1" du pavé numérique du clavier, le code de la touche retourné est "97".

A partir de ce nombre 97, existe-il une fonction javascript permettant de convertir un code clavier en la valeur correspondante, ou dois-je moi même me taper toutes les conversions :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var caractere;
switch (event.keyCode) {
   case   97:caractere=1;break;
   case   98:caractere=2;break;
   //case  ...... 
}

**SpaceFrog** · 22/02/2006, 10h38

c'est quoi ton tableau de correspondance ???

1 => 1

tu veux recupérer quoi ???

1 si tu tapes 1 ???
1 si tu tapes a ???

pas très clair ton truc ...

**danyboy85** · 22/02/2006, 10h56

Je récupère l'événement onkeypress sur l'objet document et j'appelle une fonction javascript gererSaisie();

Lorsque je tape sur la touche 1 du pavé numérique, ma fonction gererSaisie() est appelée, et grace a l'objet event, je peux récupérer le code de la touche pressée.

Ma question est simple : existe-t-il une fonction javascript permettant, à partir du code de la touche du clavier, de récupérer la valeur de la touche, en l'occurence "1" pour le code clavier "97", ou dois-je moi même faire la correspondance entre le code de la touche et la valeur que je souhaite récupérer ?

**SpaceFrog** · 22/02/2006, 11h13

et la correspondance entre le 1 et 97 elle sort d'ou ????

si tu ne nous dis pas d'ou tu sors tes correspondances on ne va pas pouvoir t'aider ...

a => a et pas 1

si tu veux que 97 corresponde à 1 ce sera à toi de créer ta table personnelle !!
je n'ai jamais vu nullepart que 97 vallait 1

**danyboy85** · 22/02/2006, 11h30

Mais arrêtez de me faire dire ce que je n'ai pas dit!!!!!!!

Je n'ai jamais di qu'il y avait une correspondance j'ai justement DEMANDE s'il en existait une !

Quand tu tape sur la touche 1 du clavier et que ton focus est sur une zone de texte, ca écrit bien 1 à l'intérieur !

Bon et bien moi je tape 1 mais PAS dans une zone de texte. Je récupère l'événement clavier et je veux que quand je tape sur 1 ca me retourne 1 c'est tout. Je demande tout simplement s'il n'existe pas une fonction du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

getValeurToucheClavier(event.keyCode)

Si c'est pas possible il suffit de le dire !

**Auteur** · 22/02/2006, 12h43

Envoyé par danyboy85

Pour être plus précis, chaque touche du clavier est identifiée par un code mais ce code n'a rien avoir avec la table des caractères ASCII.

Si je presse la touche "1" du pavé numérique du clavier, le code de la touche retourné est "97".

A partir de ce nombre 97, existe-il une fonction javascript permettant de convertir un code clavier en la valeur correspondante, ou dois-je moi même me taper toutes les conversions :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var caractere;
switch (event.keyCode) {
   case   97:caractere=1;break;
   case   98:caractere=2;break;
   //case  ...... 
}

malheureursement tu dois réaliser toi-même la correspondance code de la touche/code du caractère.

voici un exemple (fonctionne sous IE et FF)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function test(ev)
{
 var valeur= ev.keyCode;
 var shift = ev.shiftKey;
 
 var elmt = document.getElementById("idDiv");
 if (valeur>=96 && valeur<=105)
 {
   elmt.innerHTML = valeur-96;
 }
 
 if (valeur>=65 && valeur<=90 && shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur);
 }
 if (valeur>=65 && valeur<=90 && !shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur+32);
 }
}
//-->
</script>
 
 
</head>
 
<body onkeyUp="test(event)">
<div id="idDiv"></div>
 
 
</body>
 
</html>

**danyboy85** · 22/02/2006, 13h47

Parfait !

Merci beaucoup Auteur, c'est exactment ce qu'il me faut !!!

Bonne journée a tout le monde

**SpaceFrog** · 22/02/2006, 13h58

Sauf que ça ne fonctionne pas pour les chiffres du pavé alpha ...

**Auteur** · 22/02/2006, 15h00

Sauf que ça ne fonctionne pas pour les chiffres du pavé alpha ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
if (valeur>=48 && valeur<=57 && !shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur);
 }
 
 if (valeur>=48 && valeur<=57 && shift)
 {
    switch(valeur)
    {
     case 48:  elmt.innerHTML="&agrave;";
          break;
     //......
     case 56:  elmt.innerHTML="_";
          break;
     case 57:  elmt.innerHTML="&ccedil;";
          break;
    }
 }

code complet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function test(ev)
{
 var valeur= ev.keyCode;
 var shift = ev.shiftKey;
 
 var elmt = document.getElementById("idDiv");
 
//0->9 du Pave numérique : il faut que la touche Num soit activee
 if (valeur>=96 && valeur<=105)
 {
   elmt.innerHTML = valeur-96;
 }
 
//A->Z avec la touche Shift
 if (valeur>=65 && valeur<=90 && shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur);
 }
//a->z sans Shift
 if (valeur>=65 && valeur<=90 && !shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur+32);
 }
}
 
//0->9 de la partie alpha
if (valeur>=48 && valeur<=57 && !shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur);
 }
 
//0->9 de la partie alpha + shift
 if (valeur>=48 && valeur<=57 && shift)
 {
    switch(valeur)
    {
     case 48:  elmt.innerHTML="&agrave;";
          break;
     //......
     case 56:  elmt.innerHTML="_";
          break;
     case 57:  elmt.innerHTML="&ccedil;";
          break;
    }
 }
 
// et caetera, et caetera....
 
//-->
</script>
 
 
</head>
 
<body onkeyUp="test(event)">
<div id="idDiv"></div>
 
 
</body>
 
</html>

pour aller encore plus loin :
-tester les touches Alt, Ctrl, Alt Gr (Alt+Ctrl), Caps, Num.
-et affecter à chaque code touche un caractere selon les exemples ci-dessus.

on peut ainsi s'amuser à désorganiser le clavier

**SpaceFrog** · 22/02/2006, 15h28

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if (valeur>=48 && valeur<=57 && !shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur);
 }
 
 if (valeur>=48 && valeur<=57 && shift)
 {
    switch(valeur)
    {
     case 48:  elmt.innerHTML="&agrave;";
          break;
     //......
     case 56:  elmt.innerHTML="_";
          break;
     case 57:  elmt.innerHTML="&ccedil;";
          break;
    }
 }

en l'occurence c'est desorganisé

à la place de & j'ai 1; é renvoit 2 ...

**Auteur** · 22/02/2006, 19h15

Envoyé par SpaceFrog

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if (valeur>=48 && valeur<=57 && !shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur);
 }
 
 if (valeur>=48 && valeur<=57 && shift)
 {
    switch(valeur)
    {
     case 48:  elmt.innerHTML="&agrave;";
          break;
     //......
     case 56:  elmt.innerHTML="_";
          break;
     case 57:  elmt.innerHTML="&ccedil;";
          break;
    }
 }

en l'occurence c'est desorganisé

à la place de & j'ai 1; é renvoit 2 ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
if (valeur>=48 && valeur<=57 && shift)
 {
   elmt.innerHTML = String.fromCharCode(valeur);
 }
 
 if (valeur>=48 && valeur<=57 && !shift)
 {
    switch(valeur)
    {
     case 48:  elmt.innerHTML="&agrave;";
          break;
     //......
     case 56:  elmt.innerHTML="_";
          break;
     case 57:  elmt.innerHTML="&ccedil;";
          break;
    }
 }

le clavier n'était pas désorganisé : il ne répondait pas aux exigences du clavier français tout simplement.

convertir code clavier en caractère

JavaScript

Discussions similaires

Partager

Partager