JavaScript .on ("keyup")

Question

Es gibt einen Eingabetext, der eine Funktion beim "onkeyup" -Ereignis auslöst. Wenn diese Funktion ausgelöst wird, binde ich ein "keyup" -Ereignis mit der Methode .on ("keyup"), um die letzte gedrückte Taste zu erhalten, um herauszufinden, ob sie alphanumerisch war, um den gewünschten Such-Ajax auszulösen. Und nachdem ich fertig bin, entbinde ich die Verbindung mit der .off ("keyup") Methode.

Aber es gibt ein Problem mit der Entbinderung. Das Problem ist; Mein Code läuft einmal und läuft nicht für eine Runde, läuft dann wieder und läuft nicht für die andere Runde und hält es so weiter. Ich habe den Code ersetzt, den ich zum Testen vereinfachen möchte.

$("#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" />

Wo bin ich falsch?

P.S: Ich habe es dank Chris gelöst.

Answer 1

Ihr Code funktioniert für mich (siehe unten). Vielleicht überprüfen Sie, wo Sie Ihre keyup Veranstaltung verbindlich sind. Es sollte einmal gebunden werden, wenn das Dokument geladen wird, bevor die Seite angezeigt wird. Wenn Sie es mehrfach binden (d. H. Wenn der Code, der Ihre keyup-Funktion enthält, mehrmals ausgeführt wird), treten Probleme auf.

$("#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

Keine Notwendigkeit, um das Ereignis zu entbinden. Versuchen Sie, diese

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