用于浏览器自动填充的 HTML/JavaScript 密码输入 onKeyUp

Question

我有一个密码输入元素和 HTML 表单上的一些单选按钮——一个网站的登录表单。当用户在密码输入框中输入文本时，它应该选择其中一个单选按钮。我通过选择密码输入的 onKeyUp 处理程序中的单选按钮来做到这一点。

但是，有些用户会使用浏览器的密码保存功能，该功能会自动填写表单上的密码（和其他文本输入字段）。但是，至少在 Chrome 和 Firefox 上，密码自动填充不会保存登录表单上单选按钮的状态。

当浏览器自动填写密码输入时，我需要选择此单选按钮，就像我在用户输入密码时选择它一样。

当浏览器填写文本时，除了 onKeyUp 之外，还有其他事件会触发吗？如果没有，我还有其他方法可以做到这一点吗？

目标：如果在密码输入中输入了密码，则选择一个单选按钮，无论是通过键盘输入还是通过浏览器填写。

Answer 1

您可以在页面加载时触发 keyup 事件，因此如果浏览器在该文件上写入了一些文本，它将完成您的工作。

setTimeout(function() {
     $('#your_field').trigger('keyup');
},250);