Erkennen von Browser-Autofill: Eine detaillierte Anleitung

Autofill ist eine praktische Funktion, die Browser bieten, um Formularfelder schnell mit vorgespeicherten Informationen auszufüllen . Dies kann zwar die Benutzererfahrung optimieren, stellt jedoch eine Herausforderung für Entwickler dar, die das automatische Ausfüllen in bestimmten Szenarien verfolgen oder deaktivieren möchten.

Wann findet das automatische Ausfüllen statt?

Der Zeitpunkt von Das automatische Ausfüllen variiert je nach Browser und Eingabefeldtyp.

• Für Benutzername/Passwort Felder:

  • Firefox 4, IE 7 und IE 8: Löst beim automatischen Ausfüllen keine Änderungsereignisse aus.
  • Safari 5 und Chrome 9: Löst Änderungsereignisse aus.

• Für andere Formularfelder:

  • IE 7 und IE 8: Löst keine Änderungsereignisse aus.
  • Firefox 4: Löst Änderungsereignisse aus, wenn Benutzer aus einer Vorschlagsliste auswählen und die Tab-Taste verlassen.
  • Chrome 9: Löst keine Änderungsereignisse aus.
  • Safari 5: Löst Veränderungen aus Ereignisse.

So erkennen Sie Autofill

Das Erkennen von Autofill ist aufgrund von Browser-Inkonsistenzen nicht einfach. Hier sind einige Optionen:

• Automatisches Ausfüllen deaktivieren: Deaktivieren Sie das automatische Ausfüllen für bestimmte Felder mithilfe von „autocomplete='off'“ in HTML.
• In regelmäßigen Abständen Feldwert prüfen: Überprüfen Sie regelmäßig den Wert des Eingabefelds, um festzustellen, ob dies der Fall war automatisch ausgefüllt.

• Trigger Event Listener: Einige Browser lösen Ereignisse beim automatischen Ausfüllen aus:

  • Chrome: Verwenden Sie das „input“-Ereignis (z. B. ).
  • Firefox: Verwenden Sie das Ereignis „change“ für ein Formular Felder.

Browserspezifische Überlegungen:

• Firefox:

  • Autofill löst für einige Felder ein Änderungsereignis aus.
  • Das Performance Monitor-Add-on kann zum Messen von Autofill verwendet werden Leistung.

• Chrome:

  • Löst beim automatischen Ausfüllen ein „Eingabe“-Ereignis aus.
  • Unterstützt die „Autovervollständigung“ von CSS nicht " Eigenschaft.

• Safari:

  • Lösst Änderungsereignisse für einige Felder aus.
  • Unterstützt die Eigenschaft „Autovervollständigung“.

Zusätzlich Ressourcen:

• [W3C Autofill Capability Guide](https://www.w3.org/TR/html-dev/forms.html#autofill)
• [ Automatisches Ausfüllen wird erkannt Browser](https://blog.bitdefender.com/web-client/detecting-autofill-in-browsers/)