模仿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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
jQuery滚动加载图片效果的实现
Mar 06 Javascript
js实现带按钮的上下滚动效果
May 12 Javascript
Javascript 判断两个IP是否在同一网段实例代码
Nov 28 Javascript
如何写好你的JavaScript【推荐】
Mar 02 Javascript
详解Vue整合axios的实例代码
Jun 21 Javascript
node中使用es5/6以及支持性与性能对比
Aug 11 Javascript
详解Puppeteer 入门教程
May 09 Javascript
vue elementui form表单验证的实现
Nov 11 Javascript
js使用cookie实现记住用户名功能示例
Jun 13 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 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实现一个简单url路由功能实例
2016/11/05 PHP
PHP7 错误处理机制修改
2021/03/09 PHP
javascript一点特殊用法
2008/05/28 Javascript
一个判断email合法性的函数[非正则]
2008/12/09 Javascript
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
JavaScript深度复制(deep clone)的实现方法
2016/02/19 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
Python入门_条件控制(详解)
2017/05/16 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
Python实现中值滤波去噪方式
2019/12/18 Python
python时间日期操作方法实例小结
2020/02/06 Python
关于Python 中的时间处理包datetime和arrow的方法详解
2020/03/19 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
小学教师学期末自我评价
2013/09/25 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
廉洁自律承诺书
2014/03/27 职场文书
医院志愿者活动总结
2015/05/06 职场文书
2015年司法局工作总结
2015/05/22 职场文书
单位提档介绍信
2015/10/22 职场文书
2019商业计划书格式、范文
2019/04/24 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP
Pytorch中的学习率衰减及其用法详解
2021/06/05 Python
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL
JavaScript文档对象模型DOM
2021/11/20 Javascript