Soumettre le formulaire lorsque la touche Entrée est appuyée avec Prototype javascript

Question

J'ai vu d'autres questions à ce sujet, mais aucune pour Prototype.

J'ai un formulaire sans un bouton de soumission (utilise un lien stylé qui appelle du javascript). Quel est le meilleur moyen de détecter une touche d'entrée dans tous les champs de saisie et de soumettre le formulaire?

Merci!

Answer 1

Voici un exemple du genre de chose que vous pouvez utiliser:

$('input').observe('keypress', keypressHandler); 

function keypressHandler (event){ 
    var key = event.which || event.keyCode; 
    switch (key) { 
     default: 
     break; 
     case Event.KEY_RETURN: 
      $('yourform').submit(); 
     break; 
    } 
} 

Answer 2

Il est le même que ci-dessus, mais n'a pas besoin de définir une fonction:

$('input').observe('keypress', function(event){ 
    if (event.keyCode == Event.KEY_RETURN || event.which == Event.KEY_RETURN) { 
     // enter here your code 
     Event.stop(event); 
    } 
}); 

Answer 3

Avec Prototype:

document.observe("dom:loaded", function() { 
    $$('form').each(function(f) { 
     $(f).select("input").each(function(e) { 
      e.observe('keypress', function(event) { 
       if (event.keyCode == Event.KEY_RETURN || event.which == Event.KEY_RETURN) { 
        this.form.submit(); 
       } 
      }); 
     }); 
    }); 
});