html input 密文,HTML input text框显示为密文

这个是我当前的代码，思路就是 当用户按下一个键的时候先获取到输入的值，然后在根据输入值的长度来对应生成‘*’号，当文本框的值被删除完后则记录密码的变量也清空，现在存在的问题就是：当我输入很快的时候，truePassowrd这个变量就无法准确的获取到文本框里的值了

```"keydown" : function(t,e){

var xingxing = '';

var newValue = '';

setTimeout(function(){

//当按下上下左右键是不生效

if(37>e.keyCode || 40

var xingxing = '';

var newValue = text.getValue();

truePassword += newValue.substr(-1,1);

//如果按下删除键，则密码对应删除一位

if(8==e.keyCode){

truePassword = truePassword.slice(0,truePassword.length-2);

}

for(var i=0;i

xingxing+="*";

}

text.setValue(xingxing);

}

},200);

if(''===newValue){

truePassword = '';

}

}