记录一次禁止浏览器记住账户密码的操作

714 阅读1分钟

最近做了一个项目,大纲要求不能被浏览器记录账户密码。分析浏览器应该是根据inputtype="password"属性进行记录的。网上有不少方法,大多是动态甚至type属性。最后在知乎看到一个回答很巧妙,type="text",然后使用密码字体隐藏明码显示成...,给大家提供参考:

1.下载字体文件

https://revolution.screenstepslive.com/s/revolution/m/how-to/l/249-creating-a-password-field

2.配置字体文件

@font-face {
 font-family: 'password';
 src: url("./assets/iconfont/PasswordEntry.ttf");
}

3.给input输入框设置该字体就行,如果想查看密码,就动态修改input的字体即可。

4.有个问题,type="text"是允许输入中文的,添加keyup事件,去除中文即可:

str.replace(/[\u4e00-\u9fa5]/g, "")