JavaScript实现的可变动态数字键盘控件三种方式
来源:互联网 发布:求推荐淘宝小零食店铺 编辑:程序博客网 时间:2024/06/06 15:53
JavaScript实现的可变动态数字键盘控件之一
@sunRainAmazing
JavaScript编写和实现的可变动态键盘密码输入控件, 可以动态的生产数字键盘并显示, 并且可以实现每次点击后密码键盘重新加载,可以手动刷新功能。
第二种方式,点击查看
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dynamicKeyboard 自定义算法</title> <style> .s{color:red;} button{width:30px;height:30px; margin-top:5px;text-align: center;} </style></head><body> <div> <button id="s1" class="s"></button> <button id="s2" class="s"></button> <button id="s3" class="s"></button> <div> <div> <button id="s4" class="s"></button> <button id="s5" class="s"></button> <button id="s6" class="s"></button> <div> <div> <button id="s7" class="s"></button> <button id="s8" class="s"></button> <button id="s9" class="s"></button> <div> <div> <button id="sa" >K</button> <button id="s0" class="s"></button> <button id="sb" >C</button> <div> <p> <a href="javascript:void(0);" id="keyboard">点击刷新</a> </p> <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> function changeKeyboard(){ var str ="0123456789"; var sp = $(".s"); console.log(sp); for (var i = 0; i < sp.length; i++) { $(sp[i]).text(getNumber()); } function getNumber(){ var s = str[Math.floor(Math.random()*str.length)]; str = str.replace(s,""); return s; } } changeKeyboard(); $("#keyboard").click(function(){ changeKeyboard(); }); </script></body></html>
阅读全文
0 0
- JavaScript实现的可变动态数字键盘控件三种方式
- JavaScript实现的可变动态数字键盘控件三种方式
- JavaScript实现的可变动态数字键盘控件三种方式
- 动态代理实现的三种方式
- Javascript 实现继承的三种方式
- 【Android自定义控件】密码输入框+数字键盘的实现
- Android 控件中事件响应的三种实现方式
- 安卓Button控件OnClickListener的三种实现方式
- Android自定义控件的三种实现方式
- 实现JavaScript中继承的三种方式
- 实现JavaScript中继承的三种方式
- javascript实现数据双向绑定的三种方式
- 三种方式实现控件监听
- 使用JS实现的可变动态密码输入键盘控件源代码
- 浅谈JavaScript异步加载的三种方式——async和defer、动态创建script
- 浅谈JavaScript异步加载的三种方式——async和defer、动态创建script
- android 自定义控件的三种方式
- C的方式实现可变参数函数
- 关于shape
- 关于C#的委托以及Observer的结合
- STM32F103单片机使用PA13,PA14引脚的一些问题
- [工作流与Activiti]
- C++学习笔记——基本语法
- JavaScript实现的可变动态数字键盘控件三种方式
- eclipse中如何向开源中国(码云)上传代码
- zookeeper 的安装
- TCP连接探测中的Keepalive和心跳包. 关键字: tcp keepalive, 心跳, 保活
- Expected one result (or null) to be returned by selectOne(), but found: 2
- springboot+mockito 异常解决方案
- 牛B的Glide图片加载解析地址
- Java 向Hbase表插入数据报错(org.apache.hadoop.hbase.client.HTablePool$PooledHTable cannot be cast to org.apa)
- tomcat启动异常,Unable to load configuration.