JavaScript 虚拟键盘 A-Keyboard.

2019-10-23 07:34:57 +08:00
 18510047382

A-Keyboard

A-Keyboard 是一个小型的 JavaScript 虚拟键盘。

访问 A-Keyboard Github Demo 网站查看在线 键盘数字键盘手机键盘 Demo。

图片

我们为你提供了 Default、Classic、Dark、GrassGreen 这四种默认样式

普通键盘:

数字键盘:

手机键盘:

Wiki

访问以下网址查看我们的在线文档:

Github Wiki

Gitee Wiki

说明:当有新版本发布时,Gitee 上的 Wiki 指南将会延迟更新,如果你想访问新版本的文档,推荐查看 Github Wiki

发行

我们的版本目前发行在以下几个平台上:

Github Gitee 码云 NPM

欢迎 Star、Fork、Watch !

5573 次点击
所在节点    JavaScript
22 条回复
rogwan
2019-10-23 08:31:47 +08:00
好玩,有什么办法适配移动 web 吗?
phpfpm
2019-10-23 08:44:41 +08:00
再加个身份证键盘就齐活了?
4ark
2019-10-23 08:55:53 +08:00
挺有趣的,给个小建议,可以按下物理键盘的时候,高亮虚拟键盘对应的键
rykka
2019-10-23 09:00:09 +08:00
有中文输入吗
18510047382
2019-10-23 13:12:36 +08:00
@rogwan 可以写个 js 判断是否是手机访问,如果是的话直接渲染手机键盘
18510047382
2019-10-23 13:13:20 +08:00
@4ark 感谢支持!之后可以加个功能,或者您如果有时间的话可以直接 pr :)
18510047382
2019-10-23 13:14:57 +08:00
@rykka 详情看 github issue,里面有关于 v1.0.0-beta.3 版本的更新内容,届时会更新中文键盘
markgor
2019-10-23 13:59:30 +08:00
Default、Dark 比較好看
考慮下做成類似網銀那種安全鍵盤估計更好。
markgor
2019-10-23 14:02:49 +08:00
民生的鍵盤:打亂字符排序
中信、建設、招商:不打亂排序
提交傳輸的時候估計是密文。

不過可以的話,做個可選配置,後端生成密文,前端渲染,隨機排序,提交密文,服務端再解。-----------隨便想的,可能有很多出入問題.....
xiaoming1992
2019-10-23 14:19:45 +08:00
输入的时候光标没了,感觉不舒服,是否可以试试,要么点击了之后让输入框重新获得焦点,要么生成一个模拟光标。
rogwan
2019-10-23 14:29:07 +08:00
@楼主 我的意思是手机上,渲染 qwerty 全键盘布局。现在的全键盘布局在手机上键位错乱
si
2019-10-23 14:44:25 +08:00
有符号部分吗,图上没看到。
最好是和键盘一样,符号和数字键位置对应,缩小在数字键上标出来,按 shift 输入。
18510047382
2019-10-23 15:16:32 +08:00
@si 有,可以查看一下在线 Demo,点击 Shift 的时候就显示符号了
18510047382
2019-10-23 15:18:48 +08:00
@rogwan 在手机上渲染 qwerty 全键盘可能会装不下所有键,所以只能每个键都很小,而这样又不好操作了
18510047382
2019-10-23 15:21:05 +08:00
@xiaoming1992 可以,之后我支持一下所有按键的 click 函数,然后你可以在内自行 focus。如果您有时间的话,不妨提交个 pr ? :)
18510047382
2019-10-23 15:22:17 +08:00
@markgor 嗯,之后提供一下更多键盘,现在只有这三种,之后预计还添加 “车牌号”、“密码” 等等的键盘。
belin520
2019-10-23 15:27:54 +08:00
给个建议:组件可以移动端优先,现在桌面端的需求越来越少了
18510047382
2019-10-23 15:30:14 +08:00
@belin520 好的,之后我们会慢慢完善移动端组件的
18510047382
2019-10-23 15:41:02 +08:00
各位如果对我们的项目持有任何的改进意见或疑问,欢迎在帖子里艾特我解答。如果您有时间的话,不妨可以 pull request 我们的项目,然后帮助我们完善!
18510047382
2019-10-24 07:46:56 +08:00
v1.0.0-beta.3 的功能更新了,https://github.com/18510047382/A-Keyboard/issues/4

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/611934

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX