Besoin d'aide pour lancement de fonctions à partir des touches du clavier

**narcis60floyjo** · 12/03/2008, 22h46

Bonjour à tous !

J'ai besoin de tous ceux qui pourront m'aider.

Voilà, à la base, j'aimerais faire un puissance 4 qui puisse se jouer avec les flèches directionnelles et la touche entrer.

Donc j'aimerais pouvoir lancer des fonctions différentes selon quelle touche est appuyée.

Par exemple, je voudrais faire :

Si la touche appuyée est la flèche droite, alors je déplace l'image vers la droite,
sinon si c'est la touche entrée, alors je descend l'image tout en bas de la colonne.

Quand je mets ça :

Code :

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

<body onKeyPress="if (event.keyCode == 39) deplacement(39)">

j'arrive à faire déplacer l'image.
Mais si je mets ça :

Code :

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

<body onKeyPress="if (event.keyCode == 39) deplacement(39)" onKeyPress="if (event.keyCode == 13) deplacement(13)">

Il n'y a que le premier 'onKeyPress' qui fonctionne.

Je rappelle que le 39 correspond à la flèche droite et que le 13 correspond à la touche entrer.

Merci de m'aider.

**Auteur** · 12/03/2008, 23h29

bonjour,

appelle l'événement qu'une fois. De plus appelle une fonction au lieu d'écrire du code JS après l'événement :

Code html :

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
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function adroite()
{
    alert("A droite");
}
 
function agauche()
{
    alert("A gauche");
}
 
 
function valider()
{
    alert("Valider");
}
 
 
function deplacement(ev)
{
    switch (ev.keyCode)
    {
        case 37:
            agauche();
            break;
        case 39:
            adroite();
            break;
        case 13:
            valider()
            break;
    }
}
 
//-->
</script>
 
</head>
 
<body onkeypress="deplacement(event)">
 
<!-- code HTML -->
 
 
</body>
 
</html>

**narcis60floyjo** · 13/03/2008, 00h08

Merci beaucoup.
Ca marche maintenant.

Affaire résolue.

Besoin d'aide pour lancement de fonctions à partir des touches du clavier

JavaScript

Vue hybride

Discussions similaires

Partager

Partager