怎么用js鼠标类型事件做密码明文

JavaScript06

怎么用js鼠标类型事件做密码明文,第1张

当鼠标按下时所输入密码为明文,松开就恢复******

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>