模仿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实现touch 点击滑动轮播实例代码

    JS实现touch 点击滑动轮播实例代码

    这篇文章主要介绍了JS实现touch 点击滑动轮播实例代码,需要的朋友可以参考下
    2017-01-01
  • Javascript中Promise的四种常用方法总结

    Javascript中Promise的四种常用方法总结

    这篇文章主要给大家总结介绍了关于Javascript中Promise的四种常用方法,分别是处理异步回调、多个异步函数同步处理、异步依赖异步回调和封装统一的入口办法或者错误处理,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07
  • python实现迭代法求方程组的根过程解析

    python实现迭代法求方程组的根过程解析

    这篇文章主要介绍了python实现迭代法求方程组的根过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • JavaScript实现留言板实战案例

    JavaScript实现留言板实战案例

    这篇文章主要给大家介绍了关于JavaScript实现留言板的相关资料,使用JavaScript来编写留言板功能相信大家都不陌生,文中给出了详细的示例代码,需要的朋友可以参考下
    2023-07-07
  • JavaScript数组去重的多种方法(四种)

    JavaScript数组去重的多种方法(四种)

    数组去重,一般需求是给你一个数组,调用去重方法,返回数值副本,副本中没有重复元素。下面脚本之家小编给大家带来了js数组去重的多种方法,非常不错,需要的朋友参考下
    2017-09-09
  • js 弹出框 替代浏览器的弹出框

    js 弹出框 替代浏览器的弹出框

    js 弹出框 替代浏览器的弹出框,需要的朋友可以参考下。
    2010-10-10
  • 详解如何让JavaScript代码不可断点

    详解如何让JavaScript代码不可断点

    这篇文章主要为大家详介绍了如何让JavaScript代码不可断点,文中的示例代码讲解详细,对我们学习JavaScript有一定帮助,感兴趣的可以了解一下
    2022-08-08
  • JavaScript代码简化技巧实例解析

    JavaScript代码简化技巧实例解析

    这篇文章主要介绍了JavaScript代码简化技巧实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • JavaScript 数组循环引起的思考

    JavaScript 数组循环引起的思考

    Google array.js 程序中建议改进的代码。思考为什么i-- 到了 i为0时while循环结束了?
    2010-01-01
  • js实现简单商品筛选功能

    js实现简单商品筛选功能

    这篇文章主要为大家详细介绍了js实现商品筛选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-02-02

最新评论