在html中屏蔽和取消屏蔽输入文本

Question

我有几个文本字段,如SSN,电话号码和电子邮件ID.我想做像onfocus这样的东西它应该显示输入框的整个内容,并且在模糊时它应该将内容掩盖回某些东西(比如asterix).谢谢你提前

Answer 1

你可以切换的类型<input>之间的元素password,并text在这两个事件.看这个例子小提琴.

HTML

<input type="password" id="target" />

JS

<script>
var inp = document.querySelector( '#target' );

inp.addEventListener( 'focus', function(){
    inp.type = 'text';
});
inp.addEventListener( 'blur', function(){
    inp.type = 'password';
});
</script>