模仿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 相关文章推荐
jQuery 对Select的操作备忘记录
Jul 04 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
用jquery统计子菜单的条数示例代码
Oct 18 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
Mar 30 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
微信小程序自定义toast组件的方法详解【含动画】
May 11 Javascript
微信小程序如何实现radio单选框单击打勾和取消
Jan 21 Javascript
vue 使用async写数字动态加载效果案例
Jul 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 Array交叉表实现代码
2010/08/05 PHP
Laravel中Trait的用法实例详解
2016/03/16 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
解决FLASH需要点击激活的代码
2006/12/20 Javascript
js动态为代码着色显示行号
2013/05/29 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
jQuery 和 CSS 的文本特效插件集锦
2014/12/12 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
2015/09/14 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
vue裁切预览组件功能的实现步骤
2018/05/04 Javascript
mpvue将vue项目转换为小程序
2018/09/30 Javascript
axios实现简单文件上传功能
2019/09/25 Javascript
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
[01:08:32]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第二场 1月18日
2021/03/11 DOTA
python实现简易云音乐播放器
2018/01/04 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
linux下python中文乱码解决方案详解
2019/08/28 Python
Python新手学习标准库模块命名
2020/05/29 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
浅谈Selenium+Webdriver 常用的元素定位方式
2021/01/13 Python
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
一份Java笔试题
2012/02/21 面试题
生产车间实习自我鉴定
2013/09/23 职场文书
护士工作失误检讨书
2014/09/14 职场文书
珍爱生命主题班会
2015/08/13 职场文书
Python中基础数据类型 set集合知识点总结
2021/08/02 Python
Vue鼠标滚轮滚动切换路由效果的实现方法
2021/08/04 Vue.js
Python实现老照片修复之上色小技巧
2021/10/16 Python