如何判断浏览器是否已自动填充文本框?特别是用户名和密码框，自动填充页面加载。
我的第一个问题是，这在页面加载序列中什么时候发生?是在document.ready之前还是之后?
其次，我如何使用逻辑来找出是否发生了这种情况?这不是我想阻止这种情况发生，只是挂钩到事件。最好是这样的:
if (autoFilled == true) {
} else {
}
如果可能的话，我很想看到一个jsfiddle显示你的答案。
可能重复
DOM事件浏览器密码自动填充?
浏览器自动填充和Javascript触发事件
这两个问题都没有真正解释什么事件被触发，它们只是不断地重新检查文本框(对性能不好!)
当前回答
好吧，如果我们谈论的是控制输入，这可能是一个可能的解决方案:
useEffect(() => {
const inputEl = inputRef.current
inputEl.addEventListener('focusout', () => props.onChange(inputRef.value))
}, [])
注意，这可能会导致不必要的渲染。这种解决方案的优点是简单性和所有浏览器的支持。在小型形式中使用这种方法似乎是完全可以接受的。
其他回答
我知道这是一个老话题，但我可以想象很多人来这里寻找解决方案。
要做到这一点，你可以检查输入(s)是否有值(s):
$(function() {
setTimeout(function() {
if ($("#inputID").val().length > 0) {
// YOUR CODE
}
}, 100);
});
当我的登录表单被加载以启用提交按钮时，我自己就用它来检查登录表单中的值。 代码是为jQuery编写的，但是如果需要的话很容易更改。
在github上有一个新的polyfill组件来解决这个问题。看看autofill-event。只需要安装它和voilà，自动填充工作如预期。
bower install autofill-event
例如，为了检测电子邮件，我尝试了“on change”和突变观察者，但都不起作用。setInterval与LinkedIn自动填充一起工作得很好(不透露我所有的代码，但你知道的)，如果你在这里添加额外的条件来降低AJAX的速度，它与后端一起工作得很好。如果表单字段没有变化，比如他们没有输入来编辑他们的电子邮件，lastEmail会阻止毫无意义的AJAX ping。
// lastEmail needs scope outside of setInterval for persistence.
var lastEmail = 'nobody';
window.setInterval(function() { // Auto-fill detection is hard.
var theEmail = $("#email-input").val();
if (
( theEmail.includes("@") ) &&
( theEmail != lastEmail )
) {
lastEmail = theEmail;
// Do some AJAX
}
}, 1000); // Check the field every 1 second
我在最新的Firefox、Chrome和Edge浏览器上都能使用这种方法:
$('#email').on('blur input', function() {
....
});
似乎有一个解决方案，不依赖轮询(至少Chrome)。它几乎是一样的粗鄙，但我确实认为比全球民意调查好一点。
考虑以下场景:
用户开始填写字段1 用户选择一个自动完成建议，自动填充field2和field3
解决方案:在所有字段上注册一个onblur，通过下面的jQuery片段$(':-webkit-autofill')检查自动填充字段的存在
这不会是立即的，因为它会延迟到用户模糊field1，但它不依赖于全局轮询，所以在我看来，这是一个更好的解决方案。
也就是说，由于按回车键可以提交表单，您可能还需要相应的onkeypress处理程序。
或者，你可以使用全局轮询来检查$(':-webkit-autofill')
