jquery onchange set timeout

Question

Ich möchte bestimmten Code auslösen, wenn Benutzer eine Menge in einem Eingabefeld ändern. aber wenn Benutzer den kleinen Auf- und Abwärtspfeil verwenden, um die Menge schnell zu erhöhen und zu verringern. Drücken Sie die Taste 5 Mal, um zu 5 zu gelangen. Ich möchte nicht, dass der Code fünf Mal ausgelöst wird. Also ich möchte einen Timer einstellen. Wenn ein Änderungsereignis erkannt wird, wartet es 1 Sekunde oder wartet, bis die Einschaltänderung beendet ist. Dann schnappen Sie sich den neuesten Wert.

So gibt es eine Möglichkeit, mehrere Änderungen in kurzer Zeit und nichts zu erkennen. Dann, wenn die Änderung passiert und keine Änderung mehr passieren nach x von Zeit zu Zeit. etwas tun.

$("#quantity").on('change',function(){ 
    setTimeout(function(){ 
     console.log("fired"); 
    }, 1000); 
}); 

Mein Code verzögert nur die gefeuert.

Wie können wir das erreichen?

gefunden duplizierte Frage mit Antwort hier Jquery change with delay

Answer 1

Hier ist, was ich auf Eingabefelder getan haben Auslösen häufige Änderungen zu verhindern, während Benutzer eingeben:

  var timeoutId = 0;  
     object.dom.input.addEventListener('input',function() { 
      clearTimeout(timeoutId); 
      // do stuff 
      // Fire our onchange event 
       if (this.delayOnChange > 0) { 
        timeoutId = setTimeout(function() { this.onchange() }, this.delayOnChange); 
       } else { 
        this.onchange(); 
       } 
      } 
     },false); 

Diese prüft, ob wir uns gesetzt haben ein 'delayOnchange', und wenn wir den Auslöser eines 'onchange()' Ereignisses verzögert haben. Wir setzen den Timer (clearTimeout()) jedes Mal zurück, wenn eine Änderung an der Eingabe vorgenommen wird, so dass wir im Grunde darauf warten, dass der Benutzer die schnelle Eingabe beendet, bevor er die Onchange auslöst.