模仿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 05 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
AngularJs Javascript MVC 框架
Jun 20 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 Javascript
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
微信小程序仿通讯录功能
Apr 09 Javascript
详细分析vue表单数据的绑定
Jul 20 Javascript
Element Carousel 走马灯的具体实现
Jul 26 Javascript
如何手写简易的 Vue Router
Oct 10 Javascript
Typescript类型系统FLOW静态检查基本规范
May 25 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
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
php preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
PHP 设置MySQL连接字符集的方法
2011/01/02 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
Laravel 中获取上一篇和下一篇数据
2015/07/27 PHP
详解PHP实现异步调用的4种方法
2016/03/14 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
javascript权威指南 学习笔记之null和undefined
2011/09/25 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
web打印小结
2017/01/11 Javascript
js实现登录与注册界面
2017/11/01 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
2018/07/31 Javascript
iconfont的三种使用方式详解
2018/08/05 Javascript
Vue.directive使用注意(小结)
2018/08/31 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
vue 返回上一页,页面样式错乱的解决
2019/11/14 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
浅析Python 3 字符串中的 STR 和 Bytes 有什么区别
2018/10/14 Python
对pandas将dataframe中某列按照条件赋值的实例讲解
2018/11/29 Python
Python同步遍历多个列表的示例
2019/02/19 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
Django nginx配置实现过程详解
2020/09/10 Python
python 实现简易的记事本
2020/11/30 Python
实例教程 纯CSS3打造非常炫的加载动画效果
2014/11/05 HTML / CSS
UNIX特点都有哪些
2016/04/05 面试题
最新自我评价范文
2013/11/16 职场文书
内刊编辑求职自荐书范文
2014/02/19 职场文书
教师职位说明书
2014/07/29 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
求职简历自我评价怎么写
2015/03/10 职场文书
初二数学教学反思
2016/02/17 职场文书