在我们电脑开机输入密码或者一些网站的登录页面中，在输入框输入密码，会显示******，防止旁人会看到密码。而当自己密码太长，输入到一半时自己输乱了，想要知道自己输入了什么时，可以通过点击一下旁边的按钮来查看。
当鼠标按下时所输入密码为明文，松开就恢复******
首先我们在html中写入一个输入框和一个按钮，分别给它们一个id来连接js。
<body>
<input type="password" name="" id="pwd"/>
<input type="button" id="btn" value="点击显示"/>
</body>
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";
}
</script>
112
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
