Detección de autocompletar del navegador: una guía detallada

Autocompletar es una función conveniente que ofrecen los navegadores para completar rápidamente campos de formulario con información guardada previamente . Si bien esto puede optimizar la experiencia del usuario, plantea un desafío para los desarrolladores que buscan rastrear o desactivar el autocompletar en escenarios específicos.

¿Cuándo sucede el autocompletar?

El momento de El autocompletar varía según el navegador y el tipo de campo de entrada.

• Para nombre de usuario/contraseña campos:

  • Firefox 4, IE 7 e IE 8: no activa eventos de cambio en el autocompletar.
  • Safari 5 y Chrome 9: activa eventos de cambio.

• Para otros campos de formulario:

  • IE 7 e IE 8: No activa eventos de cambio.
  • Firefox 4: activa eventos de cambio cuando los usuarios seleccionan de una lista de sugerencias y salen de la pestaña.
  • Chrome 9: no activa eventos de cambio.
  • Safari 5: desencadena eventos de cambio.

Cómo detectar Autocompletar

Detectar la función de autocompletar no es sencillo debido a inconsistencias del navegador. Aquí hay algunas opciones:

• Desactivar autocompletar: Desactivar autocompletar para campos específicos usando "autocomplete='off'" en HTML.
• Periódicamente Verificar valor del campo: Verifique periódicamente el valor del campo de entrada para determinar si se ha completado automáticamente.

• Evento desencadenante Oyente: Algunos navegadores activan eventos al completar automáticamente:

  • Chrome: use el evento "input" (por ejemplo, ).
  • Firefox: utilice el evento "cambiar" para algunos campos del formulario.

Específico del navegador Consideraciones:

• Firefox:

  • Autocompletar activa un evento de cambio para algunos campos.
  • El complemento Performance Monitor se puede usar para medir el rendimiento de autocompletar.

• Chrome:

  • Activa una Evento "input" en autocompletar.
  • No admite la propiedad "autocompletar" de CSS.

• Safari:

  • Desencadenantes cambiar eventos para algunos campos.
  • Admite la opción "autocompletar" propiedad.

Recursos adicionales:

• [Guía de capacidad de autocompletar del W3C](https://www.w3. org/TR/html-dev/forms.html#autofill)
• [Detección de autocompletar Navegadores](https://blog.bitdefender.com/web-client/detecting-autofill-in-browsers/)