Détection de la saisie automatique du navigateur : un guide détaillé

La saisie automatique est une fonctionnalité pratique proposée par les navigateurs pour remplir rapidement les champs de formulaire avec des informations pré-enregistrées . Bien que cela puisse rationaliser l'expérience utilisateur, cela pose un défi aux développeurs qui cherchent à suivre ou à désactiver la saisie automatique dans des scénarios spécifiques.

Quand la saisie automatique se produit-elle ?

Le moment de la saisie automatique ?

• Le moment de la saisie automatique Le remplissage automatique varie en fonction du navigateur et du type de champ de saisie.
  • Pour le nom d'utilisateur/mot de passe champs :
  • Firefox 4, IE 7 et IE 8 : ne déclenche pas d'événements de modification lors du remplissage automatique.
Safari 5 et Chrome 9 : déclenche des événements de modification.

• • Pour les autres champs de formulaire :
  • IE 7 et IE 8 : Ne déclenche pas d'événements de modification.
  • Firefox 4 : déclenche des événements de modification lorsque les utilisateurs sélectionnent dans une liste de suggestions et sortent de la tabulation.
  • Chrome 9 : ne déclenche pas d'événements de modification.
Safari 5 : déclenche des événements de changement.

Comment détecter Remplissage automatique

• La détection du remplissage automatique n'est pas simple en raison des incohérences du navigateur. Voici quelques options :
• Désactiver la saisie automatique : Désactivez la saisie automatique pour des champs spécifiques en utilisant "autocomplete='off'" en HTML.
• Périodiquement Vérifier la valeur du champ :

  Vérifiez régulièrement la valeur du champ de saisie pour déterminer s'il a été rempli automatiquement.

  Événement déclencheur Écouteur :
  • Certains navigateurs déclenchent des événements lors du remplissage automatique :
  • Chrome : utilisez l'événement "input" (par exemple, ).
Firefox : utilisez l'événement "change" pour certains champs de formulaire.

Spécifique au navigateur Considérations :

• • Firefox :
  • Le remplissage automatique déclenche un événement de modification pour certains champs.
Le module complémentaire Performance Monitor peut être utilisé pour mesurer les performances de saisie automatique.

• • Chrome :
  • Déclenche un Événement "input" lors du remplissage automatique.
Ne prend pas en charge la propriété "autocomplete" de CSS.

• • Safari :
  • Déclencheurs modifier les événements pour certains champs.
Prend en charge la "complétion automatique" propriété.

Ressources supplémentaires :
• [Guide des capacités de remplissage automatique du W3C](https://www.w3. org/TR/html-dev/forms.html#autofill)

[Détection de la saisie automatique dans Navigateurs](https://blog.bitdefender.com/web-client/detecting-autofill-in-browsers/)