react h5 自定义键盘(省、数字、大写字母键盘)

作者: MJ 分类: react 发布时间: 2019-05-18 16:18

工作需求中有用到键盘,但是希望用户只能输入数字和字母大写,当然了,用自带的键盘也可以,在用户输入的时候转一下也行( text-transform: uppercase; ),还有js的形式来转换,大家自己查一下。

但是需求大人就希望是纯粹的数字和大写字母,确定和删除,省的用户大爷来换切输入各种字符之类的,当然还有就是比如选择省的简称,这种键盘是没法实现的,所以只能自己造轮子。

github,欢迎star !
https://github.com/majiang666/keyboard

先看下demo

动画

当然还有动画演示:

动画

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注