Parfois, il peut-être utile d’envoyer un formulaire en appuyant sur la touche Enter. Cela est d’autant plus vrai que cela n’est pas tout le temps géré automatiquement. Par exemple, un formulaire sans bouton submit. Comment alors exécuter une action à la saisie de la touche Enter ?
Un peu de Javascript et de gestion des évènements nous y aidera. Tout d’abord, définissons une fonction.
{
var enterPressed = (event.which && event.which == 13);
enterPressed |= (event.keyCode && event.keyCode == 13);
if(enterPressed) button.click();
}
Il est important de gérer les propriétés event.which et event.keyCode dans un but de compatibilité maximale. De même, on spécifie l’évènement dans les paramètres, afin de ne pas oublier les navigateurs n’ayant pas de gestionnaire global d’évènements.
On appelle alors cette fonction très simplement. Exemple :
<button id="btnOK" onclick="alert(’It works !’);">
OK
</button>
<script type="text/javascript">
var btnOK = document.getElementById(’btnOK’);
</script>
Il ne vous reste plus qu’à l’implémenter sur tous vos formulaires. A vos claviers ! Prêt ? Go !
Réagir