更新时间:2020-06-16 21:57:34
1. 必须引入的资源文件
1 2 3 4 5 | <!-- 核心样式【必须引入】 --> < link rel = "stylesheet" href = "./css/mobile-keyboard.min.css" > <!-- 核心JS【必须引入】 --> < script src = "./js/mobile-keyboard.min.js" ></ script > |
主题:带min的,是生产环境使用,因为压缩过,体积更小!
2. 输入框初始化
1 2 3 | < input type = "text" placeholder = "纯数字类型" /> < input type = "text" placeholder = "小数类型" /> < input type = "text" placeholder = "身份证" /> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | < script > // 键盘初始化参数 type: {纯数字 = 0, 小数 = 1, 身份证 = 2} $('.num').bind("click", function(){ $(this).mobileKeyboard({type: 0}); }); $('.float').bind("click", function(){ $(this).mobileKeyboard({type: 1}); }); $('.idcard').bind("click", function(){ $(this).mobileKeyboard({type: 2}); }); </ script > |
3. 开发该键盘的目的:移动端原生键盘,
①没有仅支持小数和数字的键盘;
②没有仅支持身份证使用的键盘,数字和字母x;所以开发这款键盘,支持原生webview内嵌h5使用。
4. 该工具有什么特点:
①屏蔽了原生键盘;
②屏蔽了原生键盘后,模拟了原生输入框中的焦点,用户可以感知到当前输入框的状态。
5. 愉快的使用吧~
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com