如何判断浏览器是否已自动填充文本框?特别是用户名和密码框，自动填充页面加载。
我的第一个问题是，这在页面加载序列中什么时候发生?是在document.ready之前还是之后?
其次，我如何使用逻辑来找出是否发生了这种情况?这不是我想阻止这种情况发生，只是挂钩到事件。最好是这样的:
if (autoFilled == true) {
} else {
}
如果可能的话，我很想看到一个jsfiddle显示你的答案。
可能重复
DOM事件浏览器密码自动填充?
浏览器自动填充和Javascript触发事件
这两个问题都没有真正解释什么事件被触发，它们只是不断地重新检查文本框(对性能不好!)
当前回答
在2020年，这是我在chrome中工作的方法:
// wait 0.1 sec to execute action after detecting autofill
// check if input username is autofilled by browser
// enable "login" button for click to submit form
$(window).on("load", function(){
setTimeout(function(){
if ($("#UserName").is("input:-webkit-autofill"))
$("#loginbtn").prop('disabled', false);
}, 100);
});
其他回答
我的解决方案:
像往常一样监听更改事件，并在DOM内容加载上执行以下操作:
setTimeout(function() {
$('input').each(function() {
var elem = $(this);
if (elem.val()) elem.change();
})
}, 250);
这将在用户有机会编辑所有非空字段之前触发更改事件。
我知道这是一个老话题，但我可以想象很多人来这里寻找解决方案。
要做到这一点，你可以检查输入(s)是否有值(s):
$(function() {
setTimeout(function() {
if ($("#inputID").val().length > 0) {
// YOUR CODE
}
}, 100);
});
当我的登录表单被加载以启用提交按钮时，我自己就用它来检查登录表单中的值。 代码是为jQuery编写的，但是如果需要的话很容易更改。
您可以尝试检测并清除所有自动填充
var autofillclear = false;
setInterval(function() {
if ($("input:-webkit-autofill") && autofillclear == false) {
$("input:-webkit-autofill").each(function() {
if ($(this).val() != '') {
$(this).val('');
autofillclear = true;
}
});
}
}, 500);
我在使用Instagram自动填充电子邮件和电话输入时遇到了这个问题，尝试了不同的解决方案，但没有任何效果。最后，我所要做的就是禁用自动填充，为电话和电子邮件设置不同的名称属性。
问题是不同的浏览器处理自动填充的方式不同。有些调度变更事件，有些则不调度。因此，当浏览器自动完成一个输入字段时，几乎不可能钩到一个事件。
更改不同浏览器的事件触发器: 对于用户名/密码字段: Firefox 4、IE 7和IE 8不分派更改事件。 Safari 5和Chrome 9会分派更改事件。 对于其他表单字段: ie7和ie8不分派变更事件。 当用户从建议列表中选择一个值并从字段中选择tab时，Firefox 4会分派change change事件。 Chrome 9不会分派更改事件。 Safari 5确实分派了更改事件。
你最好的选择是在你的表单中使用autocomplete="off"来禁用表单的自动完成功能，或者定期轮询查看它是否已填充。
关于你问的是在文件上还是之前填写的问题。不同浏览器，甚至不同版本都不一样。对于用户名/密码字段，仅当您选择用户名时才填写密码字段。因此，如果你试图附加到任何事件，你会有一个非常混乱的代码。
你可以在这里好好阅读一下
