浏览器记住密码终极解决方案

总体思路就是将password替换为text，在输入字符时，将字符替换为●即可

表单代码

<input id="password" type="text"  placeholder="密码"  password="" >

js代码

<script>
        window.onload = function () {
            document.getElementById("password").addEventListener('input', function () {
                var _this = this;
                var newPassword = _this.value;
                var oldPassword = _this.getAttribute("password");
                var deta = newPassword.length-oldPassword.length;

                var truePassword = "";
                var p = _this.selectionEnd;//光标结束时的位置

                for(var i=0; i<newPassword.length; i++){
                    var c = newPassword.charAt(i);
                    if(i<p && c!='●'){
                        truePassword += c;
                    }else if(i<p && c=='●'){
                        truePassword +=  oldPassword.charAt(i);
                    }else {
                        truePassword += oldPassword.substr(oldPassword.length-newPassword.length+p,newPassword.length-p);
                        break;
                    }

                }
                newPassword = truePassword.replace(/\S/g, '●');

                _this.setAttribute('password', truePassword);
                _this.value = newPassword;

				// 解决在win8中光标总是到input框的最后	
                _this.selectionEnd = p;
                _this.selectionStart = p;
            },false);
        }
    </script>