JavaScript .on ("keyup")

Question

Il y a un texte d'entrée qui déclenche une fonction sur l'événement "onkeyup". Lorsque cette fonction se déclenche, je lie un événement "keyup" avec la méthode .on ("keyup") pour obtenir la dernière touche pressée pour savoir si elle était alphanumérique afin de déclencher la recherche ajax que je veux. Et après avoir fini, je délie la connexion avec la méthode .off ("keyup").

Mais il y a un problème avec l'unbindation. Le problème est; Mon code s'exécute une fois et ne tourne pas pendant un tour, puis s'exécute à nouveau et ne fonctionne pas pour l'autre tour et continue comme ça. J'ai remplacé le code que je veux simplifier pour tester.

$("#arama").on("keyup",function(event) { 
 
     console.log("asd"); 
 
     $("#arama").off("keyup"); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="arama" />

Où suis-je trompé?

P.S: Je l'ai résolu grâce à Chris.

Answer 1

Votre code fonctionne pour moi (voir ci-dessous). Peut-être vérifier où vous liez votre événement keyup. Il doit être lié une fois lorsque le document est chargé avant que la page ne s'affiche. Si vous le liez plusieurs fois (c'est-à-dire si le code qui contient votre fonction keyup s'exécute plusieurs fois), vous rencontrerez des problèmes.

$("#arama").on("keyup", function(event) { 
 
    var i = event.keyCode; 
 
    if ((i >= 48 && i <= 57) || (i >= 96 && i <= 105)) { 
 
    $("#arama").off("keyup"); 
 
    console.log("Number pressed. Stopping..."); 
 
    } else { 
 
    console.log("Non-number pressed."); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input id="arama" />

Answer 2

Pas besoin de délier l'événement. Essayez cette

$("#arama").on("keyup",function(event) { 
    console.log("asd"); 
});