整理文档，搜刮出一个Java脚本语言实现的可变动态数字键盘控件方式实例代码，稍微整理精简一下做下分享。

@阳光惊人

Java脚本语言编写和实现的可变动态键盘密码输入控件，可以动态的生产数字键盘并显示，并且可以实现每次点击后密码键盘重新加载，可以手动刷新功能。

第一种方式，点击查看：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题洗牌算法dynamicKeyboard/标题样式s { color:red}按钮{宽度：30像素高度：30 px页边距-顶部：5 px文本对齐：中心；}/style/head body div button id=' S1 ' class=' s '/button id=' S2 ' class=' s '/button id=' S3 ' class=' s '/button div button id=' S4 ' class=' s '/button id=' S5 ' class=' s '/button id=' S6 ' class=' s '/button div button id=' S7 ' class=' s '/button id=' S8 ' class=' s '/button id=' S9 ' class=' s '/button id='键盘'点击刷新/a/p脚本src=' http :http://cdn。 bootscs。com/jquery/1。11 .3/jquery。量滴js '/script脚本类型=' text/JavaScript '函数更改键盘(){ var arr=shuffling()；var sp=$(' .s’)；控制台。日志(sp)；for(var I=0；一。长度；i ) { $(sp[i]).文本(arr[I])；} /** * //选择两个[0.数组。长度)之间的随机数， * 把它们做下标的两个元素交换位置（这样乱序效率高) * 说明：这是"洗牌算法"证明打乱的效果如下：随机交换nums/2次的效果很差，平均约1/3的对象还在原来的位置随机交换nums次才基本可用，平均约15%的对象还在原来的位置随机交换nums*2次才真正可用，平均约2%的对象还在原来的位置*/function shuffling(){ var array=[1，2，3，4，5，6，7，8，9，0]；for(var j=0；J2；j){ for(var I=0；i 10I){ var rand=数学。地板(数学。random()* 10)；变量温度=数组[一]；数组[i]=数组[兰德]；数组[rand]=temp；} }返回数组；} }更改键盘()；$(' #键盘')。单击(function(){ change keyboard()；});/脚本/正文/html第二种方式，点击查看

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题内置分类方法dynamicKeyboard/标题样式s { color:red}按钮{宽度：30像素高度：30 px页边距-顶部：5 px文本对齐：中心；}/style/head body div button id=' S1 ' class=' s '/button id=' S2 ' class=' s '/button id=' S3 ' class=' s '/button div button id=' S4 ' class=' s '/button id=' S5 ' class=' s '/button id=' S6 ' class=' s '/button div button id=' S7 ' class=' s '/button id=' S8 ' class=' s '/button id=' S9 ' class=' s '/button id='键盘'点击刷新/a/p脚本src=' http :http://cdn。 bootscs。com/jquery/1。11 .3/jquery。量滴js '/script脚本类型=' text/JavaScript '函数更改键盘(){ var arr=[1，2，3，4，5，6，7，8，9，0]；由…改编sort(function(){ return math。随机()0.5？-1:1;});var sp=$(' .s’)；控制台。日志(sp)；for(var I=0；一。长度；i ) { $(sp[i]).文本(arr[I])；} }更改键盘()；$(' #键盘')。单击(function(){ change keyboard()；});/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。