Comment connecter un gestionnaire d'événements clavier à un élément INPUT avec jQuery?

Question

Je souhaite attacher mon propre gestionnaire d'événement clé à une entrée qui a déjà un autre gestionnaire d'événements attaché à onkeydown. Essentiellement, je veux recevoir un événement clé avant tous les autres gestionnaires et vérifier si l'utilisateur a appuyé sur une certaine touche - si oui, je veux effectuer certaines fonctions et rejeter l'événement, sinon je veux le transmettre à la autre (s) gestionnaire (s).

Comment puis-je faire cela avec jQuery?

Answer 1

Si vous chargez un script 3ème partie ou addon jQuery vous pouvez charger simplement votre premier script ou la fonction. Si vous faites cela, alors vous pouvez utiliser quelque chose comme ça sans le désordre de la déliaison et la reliaison des gestionnaires d'événements.

// your possible interceptor code 
$("#awesome").keydown(function(e) { 
    if (e.keyCode < 70) { 
    e.stopImmediatePropagation(); 
    console.log("BLOCKED!!!"); 
    }; 
}); 

// possible 3rd party event code loaded after your code 
$("#awesome").keydown(function(e) { 
    console.log("3rd party:"+e.keyCode); 
}); 

Exemple page =>http://mikegrace.s3.amazonaws.com/forums/stack-overflow/example-key-event-interception.html

Exemple de sortie de la console Firebug

jQuery stopImmediatePropagation() documentation

Answer 2

Selon la documentation bind jQuery():.

« Lorsqu'un événement atteint un élément, tous les gestionnaires liés à ce type d'événement pour l'élément sont tirés Si plusieurs gestionnaires enregistrés, ils seront toujours surExécuterdans l'ordre dans lequel ils étaient liés. "

Ainsi, il semble que vous deviez libérer les autres gestionnaires, lier le vôtre, puis ajouter les autres si vous voulez que le vôtre s'exécute en premier.

Il y a quelques bonnes informations dans ce fil par rapport à ce que: jQuery: Unbind event handlers to bind them again later