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"
}
prompt（）弹出框可以把输入的明文转换成密码框格式，就是隐藏输入的内容，实现防范如下：实现：弹出一个对话框，用户输入密码，然后提交表单。
代码示例:
<script language="javascript">
/**
* 弹出对话框 输入密码，提交表单
*/
function fn_check( theForm )
{
var m = prompt ( "请输入新密码" , "" )
if ( m )
{
m = trimString(m)
if ( m != "" )
{
theForm.newftppassword1.value = m
theForm.doftppasswordupdate.value = '1'
theForm.submit()
return true
}
}
return
}
</script>
<form id="frm_sitedetail" name="frm_sitedetail" action="siteadmin.php" method="POST">
<input type="password" name="newftppassword1" value="">
<input type="password" name="doftppasswordupdate" value="">
</form>
