Javascript - Jquery : Utilisation de la touche Entrée

Jquery : Utilisation de la touche Entrée

Jquery : Utilisation de la touche Entrée

Par Mathieusub, publié le 30/01/2012 à 13:09:53

Bonjour à tous,

Vous souhaitez déclencher un événement, lorsque l'utilisateur appuie sur la touche "Entrée" du clavier, alors ce tutoriel est pour vous !

En effet, si par exemple vous avez réalisé un formulaire, et que vous n'avez pas utilisé la balise "Input" avec le type "submit" , alors votre formulaire ne sera pas envoyé lorsque les internautes appuieront sur la touche "Entrée".

Voici donc une technique en Jquery pour résoudre ce problème :

$('#id_element').keyup(function(e) {

      if(e.keyCode == 13) {

            //votre code à exécuter

       }

});

Regardons de plus près ce petit script. Ici "#id_element" est l'identifiant de l'élément qui sera déclencheur de l'évènement de type "keyup" (appuie sur une touche).

function(e) {

      if(e.keyCode == 13) {

            //votre code à exécuter

       }

}

Cette fonction, nous permet de contrôler la touche qui a été appuyée. En effet, si le code clavier de la touche appuyée "e.keyCode" est égale à 13 (touche entrée) alors il exécutera votre script.

Et voilà, ce tutoriel est terminé !

Ajouter un commentaire

Informations sur le tutoriel