Evento di riempimento automatico del browser e eventi attivati ​​da Javascript

Question

Uno dei nostri utenti ha appena accennato al fatto che il suo riempimento automatico dei browser non causa l'attivazione degli eventi di JS onChange; questo causa un problema con la registrazione dell'utente per noi.

È questo in base alla progettazione? C'è un modo per aggirarlo?

Answer 1

Una soluzione che uso occasionalmente è controllare se il valore del campo/input/select è diverso dal valore predefinito. defaultValue sarebbe il valore che era originariamente nel markup, e value è il valore corrente, ovvero il valore selezionato o inserito. Questo probabilmente differirebbe anche se la forma era stata sottoposta ad autopopolazione.

Se si desidera disattivare la compilazione automatica del tutto, potrebbe essere saggio aggiungere il completamento automatico = "off" sui campi che sono direttamente collegati alla logica.

Answer 2

Hai provato a utilizzare l'evento onproperty invece di onchange? Questo è solo per Internet Explorer ed è la soluzione consigliata su MSDN.

Answer 3

Ecco una buona soluzione che fa qualcosa di simile a quello che Jishi descritto:

https://web.archive.org/web/20131125153914/http://furrybrains.com/2009/01/02/capturing-autofill-as-a-change-event/

Aggiornato il collegamento interrotto con il collegamento Wayback Machine

Answer 4

Solo nel caso qualcuno è ancora alla ricerca di una soluzione (proprio come lo ero io oggi, per ascoltare una modifica del compilatore automatico del browser, ecco un metodo jquery personalizzato che ho creato, solo per semplificare il processo quando si aggiunge un listener di modifiche a un input:

$.fn.allchange = function (callback) { 
     var me = this; 
     var last = ""; 
     var infunc = function() { 
      var text = $(me).val(); 
      if (text != last) { 
       last = text; 
       callback(); 
      } 
      setTimeout(infunc, 100); 
     } 
     setTimeout(infunc, 100); 
    }; 

Si può chiamare in questo modo:

$("#myInput").allchange(function() { 
    alert("change!"); 
});