Warum wird das JavaScript-onchange-Ereignis nicht ausgelöst, wenn Autocomplete aktiviert ist?

Question

Ich habe ein Textfeld mit einem Onchange-Ereignis. Warum wird dieses Ereignis nicht ausgelöst, wenn der Benutzer die Autocomplete-Funktion zum Auffüllen der Textbox verwendet?

Ich arbeite mit Internet Explorer. Gibt es eine standardmäßige und relativ einfache Lösung, um dieses Problem zu umgehen, ohne dass ich die Autocomplete-Funktion deaktivieren muss?

Answer 1

Das letzte Mal, als ich dieses Problem hatte, habe ich stattdessen das Ereignis onpropertychange für Internet Explorer verwendet. Ich lese darüber here on MSDN: Es ist der empfohlene Weg, um es zu umgehen.

Answer 2

Ich habe diese lästige Funktion vor und meine Lösung zu der Zeit war, das onfocus-Ereignis zu verwenden, um den aktuellen Wert des Textfelds aufzuzeichnen, und dann das Onblur-Ereignis zu verwenden, um zu überprüfen, ob der aktuelle Wert jetzt dem Wert entspricht während onfocus gespeichert. Zum Beispiel

<input type="text" name="txtTest" value="" onfocus="this.originalvalue=this.value" onblur="if (this.value != this.originalvalue) alert('Test has changed')"/> 

Answer 3

ich automatische Vervollständigung nur deaktivieren für die Textfelder muss ich Ereignis eine Textänderung abzufeuern

'Turn off Auto complete 
'(it needs to fire the text change event) 
txtYourTextBox.Attributes.Add("AutoComplete", "off") 

Nur, dass Last auf der Seite platzieren.

Alternativ können Sie das Attribut auf Ihrem Markup auf dem input Element oder die gesamte form hinzufügen:

<input type=text autocomplete=off> 

oder

<form autocomplete=off> 

Answer 4

Ich fand nur, dass using jQuery 1.4 to set change event dieses Problem lösen können. Es scheint die einfachste Lösung für dieses Problem zu sein, wenn Sie bereits mit jQuery vertraut sind.

Answer 5

Aufbauend auf Tim C Antwort, hier ist die einfache Jquery kam ich mit dieser auf einer Seite für alle Textfelder behandeln:

$("input[type=text]").bind("focus change",function(){ 
    this.previousvalue = this.value; 
}).blur(function(){ 
    if (this.previousvalue != this.value){ 
     $(this).change(); 
    } 
}) 

Wenn Sie nicht über Onchange mehrere Male Brennen ist es egal, Sie macht es einfacher:

$("input[type=text]").blur(function(){ 
    $(this).change(); 
}) 

Answer 6

fand ich, dass die folgende jQuery (v1.10 +) JavaScript funktioniert im Fall von Text ist automatisch vervollständigt für HTML-Texteingabefelder. Dies wurde getestet zuverlässig zumindest in Safari 6.1.1 auf Mac OS X 10.8.5 zu arbeiten, sondern auch in anderen kompatibelen Browsern funktionieren:

$("input:text[id=text_field_id]").bind("focus change keyup blur", function(event) { 
// handle text change here... 
}); 

Es schien die Zugabe des blur Ereignishandler war der Schlüssel zum Dies funktioniert, obwohl die anderen Event-Handler sicherstellen, dass der Event-Handler immer dann aufgerufen wird, wenn sich der Text ändert, entweder aufgrund einer Bearbeitung oder einer neuen Eingabe durch die Funktion zur automatischen Vervollständigung des Browsers.

Ersetzen Sie einfach den Code "input:text[id=text_field_id]" oben mit dem entsprechenden Selektor für Ihr Texteingabefeld gewünscht wird, oder das id Attribut bei Verwendung auf Ihr Gebiet zu beziehen, ersetzen text_field_id mit Ihrem id Attributwert des Textfelds.