当前位置：首页 > 资讯 > 技术文档

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

时间：2022-03-12 18:13 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果

本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下： [b]思路：[/b] 1、首先用把密码框用txt暂时替代，并赋上默认值 <input type="text" value="请输入密码" /> 2、当文本框获取焦点后，把默认值清空，把type改为password。 3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。 [b]JS代码：[/b]

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 = '请输入密码';
　　　　};
　　};
};

[b]HTML代码[/b]：

[url=http://tools.jb51.net/code/jscompress]http://tools.jb51.net/code/jscompress[/url] [b]另外，上面这款js工具中的加密使用的是eval函数加密形式，对此本站还提供了如下这款针对eval函数加密的解密工具，非常强大实用！[/b] [b]js的eval方法在线加密解密工具[/b]：[url=http://tools.jb51.net/password/evalencode]http://tools.jb51.net/password/evalencode[/url] 希望本文所述对大家JavaScript程序设计有所帮助。

全部评论(0)

上一篇：jsp中为表格添加水平滚动条的实现方法
下一篇：JavaScript校验Number(4,1)格式的数字实例代码

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部