模仿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 相关文章推荐
IE innerHTML,outerHTML所引起的问题
Jun 04 Javascript
jQuery 表单验证插件formValidation实现个性化错误提示
Jun 23 Javascript
Prototype Hash对象 学习
Jul 19 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 Javascript
js动态添加表格数据使用insertRow和insertCell实现
May 22 Javascript
文字垂直滚动之javascript代码
Jul 29 Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
Sep 21 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
Oct 27 Javascript
微信小程序 开发之全局配置
May 05 Javascript
慕课网题目之js实现抽奖系统功能
Sep 19 Javascript
详解vue父子组件关于模态框状态的绑定方案
Jun 05 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
不支持fsockopen但支持culr环境下下ucenter与modoer通讯问题
2011/08/12 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
PHP实现JS中escape与unescape的方法
2016/07/11 PHP
PHP扩展mcrypt实现的AES加密功能示例
2019/01/29 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
JS面向对象编程 for Cookie
2010/09/19 Javascript
使用jQuery模板来展现json数据的代码
2010/10/22 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2011/06/27 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
JavaScript cookie详解及简单实例应用
2016/12/31 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
解析Python编程中的包结构
2015/10/25 Python
django的分页器Paginator 从django中导入类
2019/07/25 Python
python实现简单成绩录入系统
2019/09/19 Python
在python image 中实现安装中文字体
2020/05/16 Python
基于Python 的语音重采样函数解析
2020/07/06 Python
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
销售演讲稿范文
2014/01/08 职场文书
小学课外活动总结
2014/07/09 职场文书
安全责任书模板
2014/07/22 职场文书
党委领导班子整改方案
2014/09/30 职场文书
升职感谢信
2015/01/22 职场文书
2015年安全生产责任书
2015/01/30 职场文书
python如何获取网络数据
2021/04/11 Python
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL
详细聊聊vue中组件的props属性
2021/11/02 Vue.js
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android