Heim  >  Artikel  >  Web-Frontend  >  Wie erkennt man Eingabeänderungen in Echtzeit in jedem Browser mit jQuery?

Wie erkennt man Eingabeänderungen in Echtzeit in jedem Browser mit jQuery?

Barbara Streisand
Barbara StreisandOriginal
2024-10-30 04:48:28399Durchsuche

How to Detect Input Changes in Real Time in Any Browser with jQuery?

Eingabeänderungen sofort in jedem Browser mit jQuery erkennen

Sie möchten alle Wertänderungen in einem Element in Echtzeit, ausgelöst nicht nur durch Tastendrücke, sondern auch durch Aktionen wie Kopieren/Einfügen, JavaScript-Änderungen, automatische Vervollständigung des Browsers und Zurücksetzen von Formularen. Hier ist eine robuste jQuery-Lösung, die diese Änderungen konsistent in allen Browsern verarbeitet:

Implementierung:

<code class="javascript">$('.myElements').each(function() {
  const elem = $(this);

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

  // Bind to change events
  elem.on("propertychange change click keyup input paste", function(event) {
    // Check if the value has changed
    if (elem.data('oldVal') != elem.val()) {
      // Update the stored value
      elem.data('oldVal', elem.val());

      // Perform your desired action when the value changes
      // ...
    }
  });
});</code>

Hinweis:

  • .bind() war in jQuery Version 3.0 veraltet, daher verwenden Sie stattdessen .on() für jQuery-Versionen 1.7 oder neuer.
  • Dieser Ansatz stellt sicher, dass Änderungen sofort erkannt werden, im Gegensatz zur Verwendung von setInterval oder setTimeout, die Verzögerungen einführen.

Das obige ist der detaillierte Inhalt vonWie erkennt man Eingabeänderungen in Echtzeit in jedem Browser mit jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn