浏览器自动填充的HTML/JavaScript密码输入onKeyUp
我在HTML表单上有一个密码输入元素和一些单选按钮——一个网站的登录表单。当用户在密码输入框中输入文本时,应选择其中一个单选按钮。我通过选择密码输入的onKeyUp处理程序中的单选按钮来实现这一点 但是,有些用户使用浏览器的密码保存功能,该功能会自动填写表单上的密码(和其他文本输入字段)。但是,至少在Chrome和Firefox上,密码自动填充不会保存登录表单上单选按钮的状态 当浏览器自动填充密码输入时,我需要选择此单选按钮,就像用户输入密码时选择它一样 除了onKeyUp之外,浏览器填充文本时是否还会触发其他事件?如果没有,是否有其他方法可以做到这一点浏览器自动填充的HTML/JavaScript密码输入onKeyUp,javascript,html,forms,autofill,onkeyup,Javascript,Html,Forms,Autofill,Onkeyup,我在HTML表单上有一个密码输入元素和一些单选按钮——一个网站的登录表单。当用户在密码输入框中输入文本时,应选择其中一个单选按钮。我通过选择密码输入的onKeyUp处理程序中的单选按钮来实现这一点 但是,有些用户使用浏览器的密码保存功能,该功能会自动填写表单上的密码(和其他文本输入字段)。但是,至少在Chrome和Firefox上,密码自动填充不会保存登录表单上单选按钮的状态 当浏览器自动填充密码输入时,我需要选择此单选按钮,就像用户输入密码时选择它一样 除了onKeyUp之外,浏览器填充文本时
目标:如果在密码输入中输入了密码,则选择一个单选按钮,无论是通过键盘输入还是通过浏览器填写。当页面加载时,您可以触发keyup事件,因此,如果浏览器在该字段上写入了某些文本,它将完成您的工作
setTimeout(function() {
$('#your_field').trigger('keyup');
},250);
我认为您应该在输入上有一个事件(可能是onchange),还应该有类似于
if(input has something)$('.radio1').attr('checked',true)的内容代码>当页面加载时,除了一些浏览器在加载后自动填充外,几乎可以正常工作。我通过在onLoad中创建一个250ms的一次性计时器来解决这个问题,如果输入包含文本,它会选择单选按钮。不幸的是,他们在提出脚本事件系统时没有考虑浏览器自动完成。谢谢Jason,我已经根据您的修改更新了我的代码。