如何判断浏览器是否自动填充了文本框？尤其是在页面加载时自动填充的用户名和密码框。
我的第一个问题是页面加载顺序中何时会出现这种情况？它是在 document.ready 之前还是之后？
其次，我如何使用逻辑来确定是否发生了这种情况？不是我想阻止这种情况发生，只是挂接到事件中。最好是这样的：
if (autoFilled == true) {
} else {
}
如果可能的话，我很想看到一个 jsfiddle 显示你的答案。
可能重复
--这两个问题都没有真正解释触发了什么事件，它们只是不断地重新检查文本框（不利于性能！）。
问题是不同浏览器对自动填充的处理方式不同。有些派发 change 事件，有些不派发。因此，几乎不可能挂钩浏览器自动完成输入字段时触发的事件。
不同浏览器的更改事件触发器：
对于用户名/密码字段：
对于其他表单字段：
您最好的选择是禁用表单中使用autocomplete="off"的表单的自动完成功能，或者定期轮询以查看其是否已填写。
对于您关于它是在 document.ready 上还是之前填写的问题，它因浏览器而异，甚至因版本而异。对于用户名/密码字段，仅当您选择用户名时才会填写密码字段。因此，如果您尝试附加到任何事件，那么总的来说您将拥有一个非常混乱的代码。
你可以在这里好好读一读
这在最新的 Firefox、Chrome 和 Edge 中对我有用：
$('#email').on('blur input', function() {
....
});
我阅读了很多关于这个问题的文章，并希望提供一个非常快速的解决方法来帮助我。
let style = window.getComputedStyle(document.getElementById('email'))
if (style && style.backgroundColor !== inputBackgroundNormalState) {
this.inputAutofilledByBrowser = true
}
inputBackgroundNormalState我的模板在哪里是 'rgb(255, 255, 255)'。
所以基本上当浏览器应用自动完成时，他们倾向于通过在输入上应用不同的（烦人的）黄色来指示输入是自动填充的。
编辑：这适用于每个浏览器
对于谷歌浏览器自动完成，这对我有用：
if ($("#textbox").is(":-webkit-autofill"))
{
// the value in the input field of the form was filled in with google chrome autocomplete
}