convertir code clavier en caractère

Version imprimable

21/02/2006, 14h35
danyboy85

convertir code clavier en caractère

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:

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 ?
21/02/2006, 19h00
Auteur

bonjour,

Citation:

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.
22/02/2006, 08h41
danyboy85

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 ?
22/02/2006, 09h54
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:

1 2 3 4 5 6 var caractere; switch (event.keyCode) { case 97:caractere=1;break; case 98:caractere=2;break; //case ...... }
:f1:
22/02/2006, 10h38
SpaceFrog

c'est quoi ton tableau de correspondance ??? 8O

1 => 1

tu veux recupérer quoi ???

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

pas très clair ton truc ...
22/02/2006, 10h56
danyboy85

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 ?
22/02/2006, 11h13
SpaceFrog

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 8O 8O 8O 8O

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
22/02/2006, 11h30
danyboy85

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:

getValeurToucheClavier(event.keyCode)

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

Citation:
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:

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:

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">  </script> </head> <body onkeyUp="test(event)"> <div id="idDiv"></div> </body> </html>

22/02/2006, 13h47
danyboy85

Parfait ! :bravo:

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

Bonne journée a tout le monde :coucou:
22/02/2006, 13h58
SpaceFrog

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

Citation:

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

Code:

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:

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.

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

Code:

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é :lol:
à la place de & j'ai 1; é renvoit 2 ... :wink:

Citation:

Envoyé par SpaceFrog

Code:

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é :lol:
à la place de & j'ai 1; é renvoit 2 ... :wink:

Code:

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.