如何判断浏览器是否已自动填充文本框?特别是用户名和密码框，自动填充页面加载。
我的第一个问题是，这在页面加载序列中什么时候发生?是在document.ready之前还是之后?
其次，我如何使用逻辑来找出是否发生了这种情况?这不是我想阻止这种情况发生，只是挂钩到事件。最好是这样的:
if (autoFilled == true) {
} else {
}
如果可能的话，我很想看到一个jsfiddle显示你的答案。
可能重复
DOM事件浏览器密码自动填充?
浏览器自动填充和Javascript触发事件
这两个问题都没有真正解释什么事件被触发，它们只是不断地重新检查文本框(对性能不好!)
当前回答
在CSS中尝试
输入:-webkit-autofill { border-color: #9B9FC4 ! ｝
其他回答
在CSS中尝试
输入:-webkit-autofill { border-color: #9B9FC4 ! ｝
如果有人正在寻找一个解决方案(就像我今天一样)，来监听浏览器的自动填充更改，这里有一个我已经构建的自定义jquery方法，只是为了简化向输入添加更改侦听器的过程:
$.fn.allchange = function (callback) {
var me = this;
var last = "";
var infunc = function () {
var text = $(me).val();
if (text != last) {
last = text;
callback();
}
setTimeout(infunc, 100);
}
setTimeout(infunc, 100);
};
你可以这样调用它:
$("#myInput").allchange(function () {
alert("change!");
});
下面是来自Klarna UI团队的CSS解决方案。参见它们的出色实现
对我来说没问题。
input:-webkit-autofill {
animation-name: onAutoFillStart;
transition: background-color 50000s ease-in-out 0s;
}
input:not(:-webkit-autofill) {
animation-name: onAutoFillCancel;
}
我在使用Instagram自动填充电子邮件和电话输入时遇到了这个问题，尝试了不同的解决方案，但没有任何效果。最后，我所要做的就是禁用自动填充，为电话和电子邮件设置不同的名称属性。
似乎有一个解决方案，不依赖轮询(至少Chrome)。它几乎是一样的粗鄙，但我确实认为比全球民意调查好一点。
考虑以下场景:
用户开始填写字段1 用户选择一个自动完成建议，自动填充field2和field3
解决方案:在所有字段上注册一个onblur，通过下面的jQuery片段$(':-webkit-autofill')检查自动填充字段的存在
这不会是立即的，因为它会延迟到用户模糊field1，但它不依赖于全局轮询，所以在我看来，这是一个更好的解决方案。
也就是说，由于按回车键可以提交表单，您可能还需要相应的onkeypress处理程序。
或者，你可以使用全局轮询来检查$(':-webkit-autofill')
