HTML5实现自定义键盘及使用
点击上方“技术支持联盟”,选择“置顶公众号”
第一时间了解程序员大小事儿
作者: 百香果,一个坚持认为Coding能改变世界的程序猿,喜欢分享,望互相学习指正,博客地址:www.devmajun.com。
01
现状
在 H5 项目中,我们会经常遇到页面中身份证号、车牌号、车架号等输入时,在 input/textarea 输入框获取焦点时,会自动触发手机默认键盘弹起,输入内容,但是用户可能会输入数字、字符、汉字等,并不符合常理,这时就需要我们前端人员做好js验证,录入大写英文与数字相对麻烦,同时用户输入时也容易输入错误数据,导致通不过系统的校验,比如要求输入身份证号时,只能由数字和X组成且是18位。
软键盘使用的几种方法:
1:使用系统自带键盘
2:使用用户自定义的键盘来取代系统自定义的键盘
3:让自定义的键