V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
18510047382
V2EX  ›  JavaScript

JavaScript 虚拟键盘 A-Keyboard.

  •  1
     
  •   18510047382 · 2019-10-23 07:34:57 +08:00 · 5289 次点击
    这是一个创建于 1618 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 !

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

    不過可以的話,做個可選配置,後端生成密文,前端渲染,隨機排序,提交密文,服務端再解。-----------隨便想的,可能有很多出入問題.....
    xiaoming1992
        10
    xiaoming1992  
       2019-10-23 14:19:45 +08:00
    输入的时候光标没了,感觉不舒服,是否可以试试,要么点击了之后让输入框重新获得焦点,要么生成一个模拟光标。
    rogwan
        11
    rogwan  
       2019-10-23 14:29:07 +08:00 via iPhone
    @楼主 我的意思是手机上,渲染 qwerty 全键盘布局。现在的全键盘布局在手机上键位错乱
    si
        12
    si  
       2019-10-23 14:44:25 +08:00
    有符号部分吗,图上没看到。
    最好是和键盘一样,符号和数字键位置对应,缩小在数字键上标出来,按 shift 输入。
    18510047382
        13
    18510047382  
    OP
       2019-10-23 15:16:32 +08:00
    @si 有,可以查看一下在线 Demo,点击 Shift 的时候就显示符号了
    18510047382
        14
    18510047382  
    OP
       2019-10-23 15:18:48 +08:00
    @rogwan 在手机上渲染 qwerty 全键盘可能会装不下所有键,所以只能每个键都很小,而这样又不好操作了
    18510047382
        15
    18510047382  
    OP
       2019-10-23 15:21:05 +08:00
    @xiaoming1992 可以,之后我支持一下所有按键的 click 函数,然后你可以在内自行 focus。如果您有时间的话,不妨提交个 pr ? :)
    18510047382
        16
    18510047382  
    OP
       2019-10-23 15:22:17 +08:00
    @markgor 嗯,之后提供一下更多键盘,现在只有这三种,之后预计还添加 “车牌号”、“密码” 等等的键盘。
    belin520
        17
    belin520  
       2019-10-23 15:27:54 +08:00
    给个建议:组件可以移动端优先,现在桌面端的需求越来越少了
    18510047382
        18
    18510047382  
    OP
       2019-10-23 15:30:14 +08:00
    @belin520 好的,之后我们会慢慢完善移动端组件的
    18510047382
        19
    18510047382  
    OP
       2019-10-23 15:41:02 +08:00
    各位如果对我们的项目持有任何的改进意见或疑问,欢迎在帖子里艾特我解答。如果您有时间的话,不妨可以 pull request 我们的项目,然后帮助我们完善!
    18510047382
        20
    18510047382  
    OP
       2019-10-24 07:46:56 +08:00
    v1.0.0-beta.3 的功能更新了,https://github.com/18510047382/A-Keyboard/issues/4
    18510047382
        21
    18510047382  
    OP
       2019-10-25 08:48:23 +08:00
    v1.0.0-beta.3 已经发布
    18510047382
        22
    18510047382  
    OP
       2019-10-25 08:48:46 +08:00
    npm 也已经更新了 beta3 版本,各位可以通过 npm 下载了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1155 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 23:02 · PVG 07:02 · LAX 16:02 · JFK 19:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.