现在的浏览器有自动保存账户密码的习惯,需要配置浏览器才能不启用该功能,在我们自己的代码中,怎样才能直接做到让浏览器不保存账户密码, 本方式没有依赖任何的浏览器特性,纯 Js实现,兼容性好,修改代码量少,具体请看下面的 demo , 如有需要的, 基本可以直接复制,粘贴,即可使用,供需要者使用,注意:本方式为本人自创,如有人认为是偷窃了你的,真的很抱歉你这么认为,我还是自己首创的代码!
<!DOCTYPE html>
<html>
<head>
<title>input password</title>
</head>
<body>
<input type="text" id="passwd-id" onBlur="showPasswd()"/>
<br>
<input type="hidden" id="passwd-real" />
</body>
<script>
function showPasswd(){
alert(getRealPasswd("passwd-real"));
}
function initPasswd(passId,realId){
var pin = document.getElementById(passId);
pin.addEventListener("input", function() {
var v = this.value;
var r = getRealPasswd(realId);
if(v.length > r.length ){
r = r + v.substring(r.length,v.length);
}else{
if(v.length < r.length){
r = r.substring(0,v.length);
}
}
setRealPasswd(realId, r);
v="";
for(var i=0;i<r.length;i++){
v += "*";
}
this.value = v;
});
}
function getRealPasswd(realId) {
var real = document.getElementById(realId);
return real.value;
}
function setRealPasswd(realId,v) {
var real = document.getElementById(realId);
real.value = v;
}
initPasswd("passwd-id","passwd-real");
</script>
</html>
对这个密码输入问题, 大家有什么好的方案吗? 欢迎交流。