使用JS实现的可变动态密码输入键盘控件源代码

今天要分享的是一个简单的JavaS cript编写和实现的可变动态密码输入控件，可以动态的生产数字键盘并显示，并且可以实现每次点击后密码键盘重新加载，可以手动控制隐藏和显示，手动控制刷新等功能。



相信经常登陆网上银行或者某些游戏网站的朋友应该会经常看到这个控件，其实实现起来原理并不复杂，主要是通过随机生产数字，然后通过hash算法，安排数字的位置，这里用了最简单的占位算法，虽然效率比较低（o(n^2)),但是处理10个数字（最差是55次）是足够的,如果带上字母键盘和特殊字符的话，建议更换算法。





优先占位算法初始动态密码键盘代码如下：

cript"  >

//初始化数字键盘

function initNum(line){
   

  var strHtml = "";

  var arr = new Array()

  if(line < 1  line > 10){
   

    return;

  }

  //编制随机数组

  while(arr.length < 10 br>
    //取0-9之间的整数

    var num = Math.floor(10*Math.random());

    //遍历数组找到空位