Discussion :

[bigben89]

Je veux faire un champ texte me permettant de rentrer un nombre d'élément et de l'incrémenter ou le décrémenter en appuyant sur les flèches haut et bas.
J'ai donc fait le code suivant :

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
 
<script type="text/javascript">
function intercepterTouche(event, key)
{
    if(event.keyCode == 38) // flèche du haut
    {
        changePanier(id_prod, 1);
    }else if(event.keyCode == 40 && $('qte_'+id_prod).value > 1) // flèche du haut
    {
        changePanier(id_prod, -1);
    }else{
        setQtePanier(id_prod);
    }
}
</script>
...
<input type="text" size="2" value="<?=$val["qte"]?>" id="qte_<?=$key?>" onkeyup="intercepterTouche(event, <?=$key?>)" />

Mon code fonctionne sans problème sous IE, Firefox, Safari, Chrome, mais Opera semble avoir un problème avec la flèche du bas.
Quand je met alert(event.keyCode) au début de ma fonction intercepterTouche, il ne m'affiche rien quand j'appuie sur la flèche bas, alors que j'ai bien la boite de dialogue quand j'appuie sur la flèche haut ou les autres touches.
Est-ce normal, y a-t'il un moyen de résoudre le problème ?

[Sub0]

La flèche du bas de cette démo fonctionne-t-elle avec Opera ?
http://sub0.developpez.com/javascrip...er/clavier.htm

[bigben89]

La démo fonctionne, la flèche du bas répond effectivement.
Je me demande qu'est-ce qui cloche sur mon code.
Est-ce que la présence d'autres codes javascript sur ma page peut poser problème, court-circuiter certains évènements ou quelque chose dans le genre ? (dans ma page, j'ai les librairies prototype et scriptaculous d'inclues, entre autres)

[Bovino]

Ben oui, si d'autres actions sont associées à la flèche bas, ça peut créer des conflits !

[bigben89]

Ben oui, si d'autres actions sont associées à la flèche bas, ça peut créer des conflits !

J'ai beau chercher dans mon code, je ne vois pas ce qui pourrait court-circuiter la flèche du bas. Tous les autres évènements que j'ai trouvés sont rattachés soit au click, soit au mouseover, donc à priori, ça ne devrait pas poser problème.
D'ailleurs, si l'action était court-circuitée, ça devrait se ressentir sur les autres navigateurs, aussi.
Je trouve ça bizarre que cela ne pose problème qu'avec Opera.

Le seul évènement que je vois rattaché à une quelconque touche dans mon code, c'est le onkeyup dans mon input, donc je vois pas ce qui peut poser problème, il est sensé intercepter toutes les touches quand le focus est sur mon champ texte, en théorie, comme dans les autres navigateurs.

[Sub0]

Si tu as un input, la flèche du bas doit servir au tabindex... je vois que ça.