模仿password输入框的实现代码


Posted in Javascript onJune 07, 2016

实例如下:

function hiddenPass(event) {
  var password0 = document.getElementById("password0");
  var password1 = document.getElementById("password1");

  if (event.keyCode == 13) {
  }

  var keycode;
  if (window.event) { // IE
    keycode = event.keyCode
  } else if (event.which) { // Netscape/Firefox/Opera
    keycode = event.which
  }
  var keychar = String.fromCharCode(keycode);
  password1.value = password1.value + keychar;
  password1.value = password1.value.substring(0, password0.length);
}

function clearPass(){
  $("#password0").val("");
  $("#password1").val("");
}


<li class="ba"><label>密 码:</label>
  <input type="text" id="password0"
      onfocus="javascript:clearPass();"
      onkeyup="this.value=this.value.replace(/./g,'*')"
      onkeypress="javascript:hiddenPass(event);"/>
  <input type="hidden" id="password1" name="password1"/>
</li>

以上这篇模仿password输入框的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
window.navigate 与 window.location.href 的使用区别介绍
Sep 21 Javascript
jquery通过a标签删除table中的一行的代码
Dec 02 Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
基于jQuery实现的无刷新表格分页实例
Feb 17 Javascript
JavaScript中的Number数字类型学习笔记
May 26 Javascript
移动端web滚动分页的实现方法
May 05 Javascript
canvas实现弧形可拖动进度条效果
May 11 Javascript
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 Javascript
微信小程序实现多选功能
Nov 04 Javascript
vue实现的双向数据绑定操作示例
Dec 04 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
无缝滚动的简单实现代码(推荐)
Jun 07 #Javascript
Bootstrap学习笔记之css样式设计(2)
Jun 07 #Javascript
AngularJS 如何在控制台进行错误调试
Jun 07 #Javascript
JQuery异步加载PartialView的方法
Jun 07 #Javascript
基于JS实现无缝滚动思路及代码分享
Jun 07 #Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 #Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 #Javascript
You might like
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
php中将html中的br换行符转换为文本输入中的换行符
2013/03/26 PHP
Codeigniter的一些优秀特性总结
2015/01/21 PHP
既简单又安全的PHP验证码 附调用方法
2016/06/02 PHP
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
jquery+ajax实现直接提交表单实例分析
2016/06/17 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
浅析Node.js:DNS模块的使用
2016/11/23 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
2017/06/21 Javascript
JS中的多态实例详解
2017/10/15 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
2018/02/22 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
Vue 实现拨打电话操作
2020/11/16 Javascript
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
python迭代器的使用方法实例
2013/11/21 Python
实例讲解Python中SocketServer模块处理网络请求的用法
2016/06/28 Python
Django实现自定义404,500页面教程
2017/03/26 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
毕业生求职推荐信
2013/11/04 职场文书
国庆节文艺活动方案
2014/02/03 职场文书
信息工作经验交流材料
2014/05/28 职场文书
会议室标语
2014/06/21 职场文书
工作时间调整通知
2015/04/24 职场文书
经费申请报告范文
2015/05/18 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书
MySQL七大JOIN的具体使用
2022/02/28 MySQL