模仿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 类与静态类的实现
Apr 01 Javascript
常用jQuery选择器总结
Jul 11 Javascript
容易造成JavaScript内存泄露几个方面
Sep 04 Javascript
JS运动基础框架实例分析
Mar 03 Javascript
详解JavaScript基于面向对象之创建对象(2)
Dec 10 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
JavaScript原生节点操作小结
Jan 17 Javascript
js自定义Tab选项卡效果
Jun 05 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
微信小程序:数据存储、传值、取值详解
May 07 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
解析linux下安装memcacheq(mcq)全过程笔记
2013/06/27 PHP
Discuz批量替换帖子内容的方法(使用SQL更新数据库)
2014/06/23 PHP
php使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
php解决安全问题的方法实例
2019/09/19 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
2013/02/02 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
利用AngularJs实现京东首页轮播图效果
2016/09/08 Javascript
Vue 过渡实现轮播图效果
2017/03/27 Javascript
vue中appear的用法
2017/08/17 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
2019/04/04 Javascript
vue axios post发送复杂对象问题
2019/06/04 Javascript
简单谈谈javascript高级特性
2019/09/04 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
Python 基础教程之str和repr的详解
2017/08/20 Python
python使用KNN算法手写体识别
2018/02/01 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
2013/06/09 HTML / CSS
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
英国标志性奢侈品牌:Burberry
2016/07/28 全球购物
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
幼儿园美术教学反思
2014/01/31 职场文书
入党申请自荐书范文
2014/02/11 职场文书
新学期国旗下演讲稿
2014/05/08 职场文书
十岁生日答谢词
2015/01/05 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL