模仿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 相关文章推荐
javascript引用对象的方法代码
Aug 13 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
May 07 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
Sep 14 Javascript
JavaScript高级程序设计 事件学习笔记
Sep 10 Javascript
Dom 学习总结以及实例的使用介绍
Apr 24 Javascript
js实现拖拽效果
Feb 12 Javascript
jquery+css实现动感的图片切换效果
Nov 25 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
浅谈Vue的响应式原理
May 30 Javascript
详解JavaScript 的执行机制
Sep 18 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
PHP程序员编程注意事项
2008/04/10 PHP
php zend 相对路径问题
2009/01/12 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
Zend Framework教程之Resource Autoloading用法实例
2016/03/08 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
这段js代码得节约你多少时间
2011/12/20 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
jQuery+ajax简单实现文件上传的方法
2016/06/03 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
2016/12/25 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
JQuery判断正整数整理小结
2017/08/21 jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
2018/03/25 jQuery
复制粘贴功能的Python程序
2008/04/04 Python
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
Python 进程之间共享数据(全局变量)的方法
2019/07/16 Python
python 扩展print打印文件路径和当前时间信息的实例代码
2019/10/11 Python
Python列表元素常见操作简单示例
2019/10/25 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
django日志默认打印request请求信息的方法示例
2020/05/17 Python
python/golang 删除链表中的元素
2020/09/14 Python
科沃斯机器人官网商城:Ecovacs
2016/08/29 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
高一新生军训感言
2014/03/02 职场文书
ktv筹备计划书
2014/05/03 职场文书
五好家庭事迹材料
2014/12/20 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
Mysql Show Profile
2021/04/05 MySQL