Wie erkennt man mit jQuery jede Änderung an einem Texteingabefeld?

Erfassen jeder Änderung an einer Texteingabe mit jQuery

Erkennen Sie jede Änderung am Wert eines Eingabetextfelds, unabhängig von der Methode (z. B. Tastendruck, Kopieren/ Einfügen, JavaScript-Bearbeitungen, automatische Vervollständigung). Stellen Sie sicher, dass die Änderung sofort mit jQuery registriert wird.

Lösung

Implementieren Sie diese robuste und browserkompatible Lösung mit jQuerys .bind():

$('.myElements').each(function() {
   let elem = $(this);

   // Store initial value
   elem.data('oldVal', elem.val());

   // Monitor value alterations
   elem.bind("propertychange change click keyup input paste", function(event) {
      if (elem.data('oldVal') != elem.val()) {
         elem.data('oldVal', elem.val());

         // Custom action upon change
         ...
      }
   });
});

Hinweis : Ersetzen Sie „.myElements“ durch den Selektor für Ihre Eingabefelder.

Verwenden Sie für jQuery-Versionen 3.0 oder höher .on() anstelle von .bind():

$('.myElements').each(function() {
   let elem = $(this);

   // Store initial value
   elem.data('oldVal', elem.val());

   // Monitor value alterations
   elem.on("propertychange change click keyup input paste", function(event) {
      if (elem.data('oldVal') != elem.val()) {
         elem.data('oldVal', elem.val());

         // Custom action upon change
         ...
      }
   });
});

Das obige ist der detaillierte Inhalt vonWie erkennt man mit jQuery jede Änderung an einem Texteingabefeld?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!