Discussion :

[yenox]

Bonjour,

Je souhaite désactiver la touche entrée dans les champs input des formulaires. J'ai donc la fonction suivante :

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
document.observe("dom:loaded", function() {
 
  $$("input").each(function(element){
      element.observe("keypress",function(event){
          var key;
 
          if(window.event)//IE & Chrome
            key = window.event.keyCode;
          else
            key = event.which;
 
        if(key==13)
              return false;
          else
              return true;
 
      });
  });
});

Ce code marche parfaitement pour IE et FF mais n'a pas d'effet sous chrome, qui me retourne toujours true. Pourtant lors d'un appuie sur entrée, key affiche 13 lors d'un alert.
J'ai déjà pensé à un problème de type en transformant les variables en chaines de caractères au moment du test, sans succès.

[gwyohm]

Bonsoir,

Je crois que tu te compliques ; visiblement tu utilises prototype, et ca, ca va te simplifier la vie :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
Event.observe(document,"dom:loaded", function() {
  $$("input,textarea").invoke("observe", "keypress", function(e){
    // prototype unifie les accès
    if(e.keyCode == Event.KEY_RETURN) {
      // ne pas faire un return false, mais un stop sur l'événement
      e.stop();
    }
  });
});

[yenox]

Merci, c'est ce qu'il me fallait.

Une petite précision tout de même, qu'entends-tu par "prototype unifie les accès" ?

[gwyohm]

Ca signifie qu'avec prototype (comme la plus part des frameworks javascript), tu n'as pas pour les fonctionnalités ajoutées par le framework à différencier les navigateurs dans ton code.
exemple : attachEvent vs addEventListener qui sont wrappés par observe dans prototype
c'est la même chose avec l'événement en lui même. Dès lors que tu utilises observe, prototype garanti que l'evenement sera fourni à ton listener.