解决chrome浏览器,记住登录账号密码时,其它表单也会受影响自动填充账号密码问题

56 阅读1分钟

背景:在登录时,填写登录账号密码chrome浏览器记住账号密码后,打开注册账号密码弹框时,会自动回填至表单。

image.png

本人查看了很多解决办法,最后发现一个最简单的办法,就是利用input框的readonly只读属性

思路很简单:就是通过变量设置是否readonly,当用户点击输入框获取焦点时,把readonly设置为false,否则为true

image.png

image.png

之后再打开,就正常了

image.png

最后:在关闭弹框的时候记得再设置readonly为true,以便于下次打开弹框时,表单不受影响

这是我在项目上遇到的一个问题难点,希望这篇文章能解决你的问题!