1、定义一个变量password，初始化值。
2、定义一个变量answer，值为prompt接收用户输入的密码。
3、利用条件运算符，检测输入的是否是密码并返回相应的值。
本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：思路：
1、首先用把密码框用txt暂时替代，并赋上默认值
<input
type="text"
value="请输入密码"
/>
2、当文本框获取焦点后，把默认值清空，把type改为password。
3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。
JS代码：
window.onload=function(){
var
input=document.getElementById('input')
input.onfocus=function(){
if(this.value=='请输入密码'){
this.value=''
this.type='password'
}
}
input.onblur=function(){
if(!this.value){
this.type
=
'text'
this.value
=
'请输入密码'
}
}
}
HTML代码：
复制代码
代码如下:
<input
type="text"
value="请输入密码"
id="input"
/>
希望本文所述对大家JavaScript程序设计有所帮助。
当鼠标按下时所输入密码为明文，松开就恢复******1.首先我们在html中写入一个输入框和一个按钮，分别给它们一个id来连接js。
<body>
<input type="password" name="" id="pwd"/>
<input type="button" id="btn" value="点击显示"/>
</body>
2.可以通过event事件中的onmousedown、onmouseup来触发鼠标按下和松开的事件
onmousedown 某个鼠标按键被按下
onmouseup 某个鼠标按键被松开
当type = "password"时输入的内容为******；
当type = "text"时输入的内容为明文。
下面是js的代码：
<script type="text/javascript">
//获得按钮控件
var btnin = document.getElementById("btn")
//鼠标按下时触发的事件
btnin.onmousedown = function(){
//获得输入框控件
pwdin = document.getElementById("pwd")
//改变输入框内容
pwdin.type = "text"
}
//鼠标松开时触发的事件
btnin.onmouseup = function(){
//改变输入框内容
pwdin.type = "password"
}
