Discussion :

[joebarteam88]

Bonjour,
Je souhaiterais modifier le comportement d'un champ select pour qu'on ne puisse pas modifier sa valeur avec les touches up, down, left, right.
Voici le onKeydown en question :

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
 
onKeydown = function (event) {
  if(event.keyCode==37 || event.keyCode==38 
        || event.keyCode==39 || event.keyCode==40){
 
    event.cancelBubble = true;
    if (event.stopPropagation) {
      event.stopPropagation();
    }
 
    if (event.preventDefault) {
      event.preventDefault();
    }
    event.returnValue = false;
    return false;
  }
}

Hélas ce code n'empêche pas la propagation de l'événement. Et du coup l'appuie sur la flèche bas (par exemple) provoque bien le défilement des <option>.
Quelqu'un aurait une idée svp ?

[Bovino]

Code :

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

1
2
3
4
5
6
7
onkeydown = function (e) {
  var e=window.event || e;
  if(e.keyCode==37 || e.keyCode==38 
        || e.keyCode==39 || e.keyCode==40){
    return false;
  }
}

[joebarteam88]

Merci mais cela ne fonctionne pas non plus.

[Bovino]

Tu fais bien :

Code :

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

1
2
3
document.getElementById('ton_input').onkeydown = function(e){
  // Ton code...
}

C'est à dire, ton onkeydown est bien en rapport avec ton input ?

[E.Bzz]

Bonjour,
ton onkeydown est bien sur le <select> lui-même, pas sur ses options ?

A+

[Bovino]

Désolé, j'ai répondu un peu vite, le code que je t'ai donné fonctionne sur un champ texte, mais apprament pas sur un select...

[joebarteam88]

Oui le onKeydown est bien sur le champ select !

[E.Bzz]

Code :

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

1
2
3
4
5
<select onkeydown="return false;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Fonctionne bien pourtant
(un peu trop bien, c'est tout )

EDIT : enfin ... sous IE6 (re- )

A+

[Bovino]

Effectivement E.Bzz, ça fonctionne sous IE... mais pas sur FF !!!
Pourtant, si tu mets un alert dans le onkeydown, ben il s'affiche bien !!!

[joebarteam88]

Petite précision : en effet le changement de valeur se fait après le onKeypress.
J'ai bien sur tenter ceci ...

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
onKeypress = function (event) {
  if(event.keyCode==37 || event.keyCode==38 
        || event.keyCode==39 || event.keyCode==40){
 
    event.cancelBubble = true;
    if (event.stopPropagation) {
      event.stopPropagation();
    }
 
    if (event.preventDefault) {
      event.preventDefault();
    }
    event.returnValue = false;
    return false;
  }
}

Et comme je le redoutais, ça ne change absolument rien