最近在平板上折腾 Chrome 浏览器,发现触屏输入总是不够顺手,尤其是遇到需要频繁切换输入法的场景。试了一圈虚拟键盘插件,最终被 Simple Virtual Keyboard 留住了。这款插件基于 simple-keyboard 开发,用原生键盘事件触发,和现代 JavaScript 框架(尤其是 Vue.js)配合得天衣无缝。装好之后,每次点击输入框,一个干净利落的虚拟键盘就会自动弹出来,没有延迟,也不会误触。

为什么推荐它?

市面上很多虚拟键盘插件要么广告满天飞,要么兼容性拉胯。Simple Virtual Keyboard 走的是轻量化路线:安装包只有几十 KB,设置界面简洁到只有开关。但它藏着一个很实用的定制逻辑——你可以在输入框上加 CSS 类来控制键盘行为。比如给某个输入框加上 no-keyboard 类,聚焦时键盘不会自动弹出,而是显示一个小按钮,点一下才打开;如果加上 no-keyboard-no-toggler,连按钮都不显示,完全禁用。这个设计对表单验证、密码框等场景特别友好,不用再担心虚拟键盘挡住重要按钮。

实战体验:和同类插件的对比

之前试过 TouchVKeyboardVirtual Keyboard 两个插件。TouchVKeyboard 的按键反馈挺清脆,但它在 Vue.js 项目里经常丢事件,必须手动绑 input 事件才能获取值;Virtual Keyboard 则太臃肿,自带了十几个语言包,实际用不上的占地方。Simple Virtual Keyboard 完全避免了这些问题——它只触发原生的 keydown/keyup,任何框架都能正常捕获输入值。另外它的按键布局是标准 QWERTY 美式键盘,对英文输入为主的用户很友好;如果需要中文输入,配合系统自带的中文输入法也可以无缝工作(因为它是原生事件,输入法能正常弹窗)。

一些小遗憾

毕竟基于 simple-keyboard,主题样式偏简陋,只有一套浅色主题,不能换皮肤。按键高度固定,在 10 寸以下的平板上手指容易点错。另外它不支持长按选词或者手势滑动,只适合基本打字。但考虑到它免费、无广告、代码开源,这些缺点完全可以接受。

如果你正在找一款干净、稳定、开发友好的 Chrome 虚拟键盘插件,不妨试试 Simple Virtual Keyboard。它不会喧宾夺主,却能让触屏输入体验提升一个档次。