首页  >  文章  >  web前端  >  如何检测不同浏览器中的自动填充?

如何检测不同浏览器中的自动填充?

Barbara Streisand
Barbara Streisand原创
2024-11-23 07:52:11679浏览

How Can You Detect Autofill in Different Browsers?

检测浏览器自动填充:详细指南

自动填充是浏览器提供的一项便捷功能,可以使用预先保存的信息快速填写表单字段。虽然这可以简化用户体验,但对于在特定场景中寻求跟踪或禁用自动填充的开发人员来说,这是一个挑战。

自动填充何时发生?

自动填充的时间自动填充因浏览器和输入字段类型而异。

  • 用于用户名/密码字段:

    • Firefox 4、IE 7 和 IE 8:自动填充时不会触发更改事件。
    • Safari 5 和 Chrome 9:触发更改事件。
  • 其他形式字段:

    • IE 7 和 IE 8:不触发更改事件。
    • Firefox 4:当用户从建议列表中选择并退出时触发更改事件。
    • Chrome 9:不触发更改事件。
    • Safari 5:触发更改

如何检测自动填充

由于浏览器不一致,检测自动填充并不简单。以下是几个选项:

  • 禁用自动填充:在 HTML 中使用“autocomplete='off'”禁用特定字段的自动填充。
  • 定期检查字段值:定期检查输入字段的值以确定是否已被
  • 触发事件监听器:某些浏览器会在自动填充时触发事件:

    • Chrome:使用“input”事件(例如,
    • ) input oninput="myFunction()"/>).
    • Firefox:使用“更改”某些表单字段的事件。

浏览器特定注意事项:

  • Firefox:
    • 自动填充会触发某些更改事件字段。
    • 性能监视器插件可用于测量自动填充性能。
  • Chrome:
    • 触发“输入”自动填充事件。
    • 不支持 CSS 的“自动完成”属性。
  • Safari:
    • 触发某些字段的更改事件。
    • 支持“自动完成”

其他资源:

  • [W3C 自动填充功能指南](https://www.w3.property) org/TR/html-dev/forms.html#autofill)
  • [检测自动填充在浏览器中](https://blog.bitdefender.com/web-client/detecting-autofill-in-browsers/)

以上是如何检测不同浏览器中的自动填充?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn