模仿password输入框的实现代码

 更新时间:2016年06月07日 09:32:14   投稿:jingxian  
下面小编就为大家带来一篇模仿password输入框的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实例如下:

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输入框的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 详解js中的apply与call的用法

    详解js中的apply与call的用法

    在ECAMScript3给Function的原型定义了两个方法,它们是Function.prototype.call和Function.prototype.apply。本文详细介绍了apply与call的用法,有需要的可以参考下。
    2016-07-07
  • 深入浅出JavaScript前端中的设计模式

    深入浅出JavaScript前端中的设计模式

    这篇文章主要介绍了JavaScript前端中的设计模式,设计模式是一套被反复使用,多数人知晓的,经过分类编目的,代码设计经验的总结,感兴趣想要详细了解可以参考下文
    2023-05-05
  • js向上无缝滚动,网站公告效果 具体代码

    js向上无缝滚动,网站公告效果 具体代码

    这篇文章主要介绍了js向上无缝滚动,网站公告效果,有需要的朋友可以参考一下
    2013-11-11
  • javascript使用正则表达式检测IP地址

    javascript使用正则表达式检测IP地址

    这篇文章主要介绍了javascript使用正则表达式检测IP地址的方法,需要的朋友可以参考下
    2014-12-12
  • JavaScript实现Sleep函数的代码

    JavaScript实现Sleep函数的代码

    大家知道,JavaScript中没有内置我们常用的sleep()函数,只有定时器setTimeout()和循环定时器setInterval()
    2007-03-03
  • 利用javascript打开模态对话框(示例代码)

    利用javascript打开模态对话框(示例代码)

    本篇文章主要是对利用javascript打开模态对话框的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 详解ES7 Decorator 入门解析

    详解ES7 Decorator 入门解析

    这篇文章主要介绍了详解ES7 Decorator 入门解析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • javascript图片滑动效果实现

    javascript图片滑动效果实现

    这篇文章主要介绍了超实用的javascript图片滑动效果实现方法,实例分析了javascript通过对页面元素与相关属性的操作实现滑动菜单效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Elasticsearch工具cerebro的安装与使用教程

    Elasticsearch工具cerebro的安装与使用教程

    这篇文章主要介绍了Elasticsearch工具cerebro的安装与使用教程,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-03-03
  • javascript中[]和{}对象使用介绍

    javascript中[]和{}对象使用介绍

    []不仅仅可以表示数组,可以直接通过对象的属性设置值和访问值,接下来为大家介绍下[]和{}对象的使用,感兴趣的你可以参考下哈
    2013-03-03

最新评论