模仿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代码判断IE6,IE7,IE8,IE9的函数代码
Aug 02 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
javascript制作sql转换为stringBuffer的小工具
Apr 03 Javascript
JS实现的车标图片提示效果代码
Oct 10 Javascript
深入分析javascript中console命令
Aug 14 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
Oct 18 Javascript
对angularjs框架下controller间的传值方法详解
Oct 08 Javascript
详解微信小程序缓存--缓存时效性
May 02 Javascript
Vue中props的详解
May 16 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 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用星号隐藏部份用户名、身份证、IP、手机号等实例
2014/04/08 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
2006/11/07 Javascript
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
2009/12/13 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
理解Javascript闭包
2013/11/01 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
2014/06/24 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
jQuery实现的文字hover颜色渐变效果实例
2016/02/20 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
微信小程序时间选择插件使用详解
2018/12/28 Javascript
详解jQuery-each()方法
2019/03/13 jQuery
JS script脚本中async和defer区别详解
2020/06/24 Javascript
vue 项目软键盘回车触发搜索事件
2020/09/09 Javascript
Python将xml和xsl转换为html的方法
2015/03/10 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
Flask-WTF表单的使用方法
2019/07/12 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
澳大利亚领先的在线机械五金、园艺和存储专家:Edisons
2018/03/24 全球购物
西班牙Polo衫品牌:Polo Club
2020/08/09 全球购物
瑞士首家网上药店折扣店:McDrogerie
2020/12/22 全球购物
大学毕业生文采飞扬的自我鉴定
2013/12/03 职场文书
技校毕业生自荐信
2014/06/03 职场文书
三方协议书
2015/01/27 职场文书
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers