JS实现密码框根据焦点的获取与失去控制文字的消

这篇文章主要介绍了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果,可实现使用JavaScript判断密码框是否获得焦点来隐藏与显示提示文字,非常简单实用,需要的朋友可以参考下

本文实例讲述了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="请输入密码" />

PS：这里再为大家推荐一款非常好用的JavaScript压缩、格式化与加密工具，功能非常强大（对于想让代码加密的朋友不妨试试这里的js加密功能）：

JavaScript压缩/格式化/加密工具：

另外，上面这款js工具中的加密使用的是eval函数加密形式，对此本站还提供了如下这款针对eval函数加密的解密工具，非常强大实用！

js的eval方法在线加密解密工具：

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章: