Comment détecter la saisie automatique dans différents navigateurs ?

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

La saisie automatique est une fonctionnalité pratique que les navigateurs proposent 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 timing 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 de la saisie automatique.
  • Safari 5 et Chrome 9 : déclenche des événements de modification.

• Pour autre formulaire champs :

  • 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 se retirent.
  • Chrome 9 : ne déclenche pas d'événements de changement.
  • Safari 5 : déclenche le changement événements.

Comment détecter le 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é remplissage automatique.

• Écouteur d'événement déclencheur : Certains navigateurs déclenchent des événements lors du remplissage automatique :

  • Chrome : utilisez l'événement "input" (par exemple, < input oninput="myFunction()"/>).
  • Firefox : utilisez le "change" événement pour certains champs de formulaire.

Considérations spécifiques au navigateur :

• Firefox :

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

• Chrome :

  • Déclenche une « entrée » événement lors du remplissage automatique.
  • Ne prend pas en charge la "complétion automatique" de CSS propriété.

• Safari :

  • Déclenche des événements de changement pour certains champs.
  • Prend en charge la propriété "autocomplete".

Supplémentaire Ressources :

• [Guide des capacités de remplissage automatique du W3C](https://www.w3.org/TR/html-dev/forms.html#autofill)
• [ Détection du remplissage automatique Navigateurs](https://blog.bitdefender.com/web-client/detecting-autofill-in-browsers/)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!