撸了个 Vue.js 的虚拟键盘组件 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
DaraW
V2EX    分享创造

撸了个 Vue.js 的虚拟键盘组件

  •  
  •   DaraW 201608-09 10:23:16 +08:00 11334 次点击
    这是一个创建于 3354 天前的主题,其中的信息可能已经有所发展或是发生改变。
    26 条回复    2018-03-12 20:57:00 +08:00
    kokdemo
        1
    kokdemo  
       2016-08-09 10:26:44 +08:00
    你这个没有做移动的适配啥的?
    whahuzhihao
        2
    whahuzhihao  
       2016-08-09 10:34:01 +08:00
    shift 和 capslock 功能重复了吧 建议 shift 做成一次性的换挡
    DaraW
        3
    DaraW  
    OP
       2016-08-09 10:34:36 +08:00
    @kokdemo 没有,写的时候感觉没有必要,如果这样的需求比较多可以考虑下面的版本加上去
    moosoome
        4
    moosoome  
       2016-08-09 10:35:37 +08:00
    @kokdemo 不过 移动端真的需要虚拟键盘吗 本来就是虚拟键盘啊
    DaraW
        5
    DaraW  
    OP
       2016-08-09 10:36:23 +08:00
    @whahuzhihao Shift 的功能包含了 Caps 的功能,谢谢建议,我也想过这样,(拖延症不发作的话)我改一下
    NK
        6
    NK  
       2016-08-09 10:45:23 +08:00
    @moosoome 需要,比如输密码等场景,自己的键盘比其他厂商的输入法键盘更加安全。
    kokdemo
        7
    < href="/member/kokdemo" class="dark">kokdemo  
       2016-08-09 10:45:58 +08:00
    @DaraW
    @moosoome pc 端用到虚拟键盘的情况更少啊……
    ctsed
        8
    ctsed  
       2016-08-09 10:48:00 +08:00
    r#6 @NK html 键盘更加不安全
    ctsed
        9
    ctsed  
       2016-08-09 10:49:28 +08:00
    有个 bug 哈 光标点到文字中间,按退格键还是删的最后一个字符
    DaraW
        10
    DaraW  
    OP
       2016-08-09 11:41:11 +08:00
    @ctsed 点击下面的键盘后上面的输入框会失焦,没有了光标,所以没什么好的思路解决这个问题
    DaraW
        11
    DaraW  
    OP
       2016-08-09 11:41:49 +08:00
    @ctsed 大概是没有绝对的安全
    hronro
        12
    hronro  
       2016-08-09 11:43:41 +08:00
    点击光标到文字中间,再点击键盘,会多出来一堆空格
    DaraW
        13
    DaraW  
    OP
       2016-08-09 11:43:42 +08:00
    @kokdemo pc 端可以根据这个稍微修改下实现一些特殊的需求,比如之前有个是要实现西语的键盘,只要根据这种稍微修改下就行了(没有留接口,感觉留了太乱),还有就是输入密码的场景
    DaraW
        14
    DaraW  
    OP
       2016-08-09 11:45:26 +08:00
    @hronro 咦,(我这边是正常的系列)请问你是怎么做的,我复现试试
    DaraW
        16
    DaraW  
    OP
       2016-08-09 12:30:24 +08:00
    @ctsed get, Thx~
    anyforever
        17
    anyforever  
       2016-08-09 13:30:57 +08:00
    不能连续撤销,撤一个之后,光标自动跑后面去,再撤销就从后面开始撤了
    anyforever
        18
    anyforever  
       2016-08-09 13:31:56 +08:00
    大写打开之后,如果后面也开启着大写状态比较好。
    spring5413
        19
    spring5413  
       2016-08-09 18:04:02 +08:00
    顶下,有时间膜拜下
    DaraW
        20
    DaraW  
    OP
       2016-08-09 18:28:31 +08:00
    @anyforever 是直接从后面开始删的
    DaraW
        21
    DaraW  
    OP
       2016-08-09 18:30:40 +08:00
    @spring5413 是国美的大牛啊,说膜拜太谦虚了==
    nxtxiaolong
        22
    nxtxiaolong  
       2016-08-09 19:28:18 +08:00
    光标好吧
    hanxiV2EX
        23
    hanxiV2EX  
       2016-08-12 12:23:02 +08:00
    可以考虑先支持移动平台,然后再嵌入拼音输入法。完美。
    DaraW
        24
    DaraW  
    OP
       2016-08-12 12:50:16 +08:00
    @hanxiV2EX hhhhhh
    qq276711392
        25
    qq276711392  
       2018-03-12 18:02:11 +08:00
    可否跟 input 标签绑定,得到光标焦点就弹出来键盘,失去焦点就隐藏键盘,在收银系统上很需要这种场景的
    DaraW
        26
    DaraW  
    OP
       2018-03-12 20:57:00 +08:00 via iPhone
    @qq276711392 直接给组件的 v-show 和 input 的 focus/blur 事件绑定就可以了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5358 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 55ms UTC 01:18 PVG 09:18 LAX 18:18 JFK 21:18
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86