模仿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 相关文章推荐
js cookies实现简单统计访问次数
Nov 24 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
深入解读JavaScript中的Hoisting机制
Aug 12 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
解决React Native端口号修改的方法
Jul 28 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
Feb 26 Javascript
js模拟实现烟花特效
Mar 10 Javascript
使用JS实现动态时钟
Mar 12 Javascript
vue浏览器返回监听的具体步骤
Feb 03 Vue.js
详解Js模块化的作用原理和方案
Apr 29 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者的疑难问答(1)
2006/10/09 PHP
PHP5 字符串处理函数大全
2010/03/23 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
Windows上php5.6操作mongodb数据库示例【配置、连接、获取实例】
2019/02/13 PHP
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
javascript中的数字与字符串相加实例分析
2011/08/14 Javascript
JS图片切换的具体方法(带缩略图版)
2013/11/12 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
2014/05/08 Javascript
DOM 事件流详解
2015/01/20 Javascript
常用的Javascript数据验证插件
2015/08/04 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
2015/11/25 Javascript
angular-cli修改端口号【angular2】
2017/04/19 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
jQuery实现下拉菜单的实例代码
2017/06/19 jQuery
nodejs+mongodb+vue前后台配置ueditor的示例代码
2018/01/02 NodeJs
layDate插件设置开始和结束时间
2018/11/15 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
2018/11/30 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
2020/08/06 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日小组赛B组Effect VS Secret
2018/03/30 DOTA
利用Python命令行传递实例化对象的方法
2016/11/02 Python
python中MethodType方法介绍与使用示例
2017/08/03 Python
完美解决python中ndarray 默认用科学计数法显示的问题
2018/07/14 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
浅谈tensorflow中Dataset图片的批量读取及维度的操作详解
2020/01/20 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
美国五金商店:Ace Hardware
2018/03/27 全球购物
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
护理学毕业生求职信
2013/11/14 职场文书
继承公证书样本
2014/04/04 职场文书
组织鉴定材料
2014/06/02 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/10/28 职场文书
检查机关领导群众路线教育实践活动个人整改措施
2014/10/28 职场文书
南京导游词
2015/02/03 职场文书
会计工作态度自我评价
2015/03/06 职场文书