将 Qwertia 添加到你的网站
只需一行 HTML,就能在你自己网站的任意输入框旁放上一个键盘按钮。访客无需切换系统布局,即可输入带重音或非拉丁字符。
插入这行代码,Qwertia 就会在每个用 data-qwertia 标记的字段旁添加一个小键盘按钮:
<script src="https://qwertia.com/js/qwertia-input.js" async></script>
<input type="text" data-qwertia>
<textarea data-qwertia="de"></textarea>
data-qwertia 的值决定键盘的初始布局(en, es, fr, de, ru, br, it, nl, ko, ja, ar, hi, bn, tr, sv, fi, nb, pl, cs, el, az, dv, numpad)。若需更精细的控制,你还可以使用 data-qwertia-layout, data-qwertia-skin, data-qwertia-size, data-qwertia-theme。
要从你自己的 JavaScript 绑定字段 - 例如用框架渲染完成之后 - 请直接调用 API:
Qwertia.bind(document.getElementById("login"), { layout: "ru" });
点击按钮会在一个小浮层中打开 Qwertia 键盘。每次按键都通过 postMessage 回传到你的输入框,因此由框架控制的字段(React、Vue、Angular)也能照常工作 - 原始元素上会触发 input 和 change 两种事件。输入的文本绝不会离开用户的浏览器:没有任何服务器往返。
就在这里试一试
下面这三个字段的绑定方式与其他任何网站完全相同 - 点击字段旁的键盘图标就可以开始输入:
常见问题
手机键盘内置于操作系统,它会预测你即将输入的词,并悄悄放大它预期的下一个按键的触摸区域。正是这种隐藏的自动更正,让你有时打不出真正想打的词 - 你瞄准一个键,得到的却是另一个字符。一旦开始删除,算法就会为下一个词暂停。
这是一把双刃剑:日常聊天时很方便,输入密码、代码、姓名和外语词时却令人抓狂。Qwertia 不做任何猜测 - 每次点击都精确输入你按下的字符。
是的。Qwertia 虚拟键盘完全免费,全部在你的网页浏览器中运行。无需下载、安装或注册 - 只要打开页面就能开始打字。
是的。你输入的一切都留在浏览器里。Qwertia 不会把你的按键发送到任何服务器。本页的文本框在你的设备本地,用 qwertia-input.js 把键盘嵌入到你自己的网站时也是如此。
Qwertia 支持二十三种布局:英语、德语、法语、西班牙语、俄语、意大利语、葡萄牙语、荷兰语、韩语、阿拉伯语、日语、土耳其语、瑞典语、芬兰语、挪威语、波兰语、捷克语、希腊语、阿塞拜疆语、印地语和孟加拉语,还有英语的备选 Dvorak 布局和计算器式的数字键盘。用键盘最下面一排的语言按钮,随时都能在它们之间切换。
自 2008 年的 SFS 5966 标准以来,那些打印 å、ä 和 ö 的同一套物理按键,也能打出芬兰使用的每一种萨米语 - 北萨米语、南萨米语、吕勒萨米语、伊纳里萨米语和斯科尔特萨米语 - 以及挪威语和冰岛语,全都通过 AltGr 和死键实现。其巧妙之处在于,传统芬兰-瑞典布局的每一处刻印都被保留了下来,因此这个“多语言”标准把键盘的覆盖范围拓展到了整个北欧文字,而无需任何人更换新硬件。2019 年的一次修订甚至加入了一个下加逗号死键,正是它用来构成罗马尼亚语的 ș 和 ț - 一项大多数芬兰人从不知道自己键盘能做的把戏。
Dvorak 是 20 世纪 30 年代由 August Dvorak 博士设计的备选英语布局,旨在减少手指移动。它的按键和 QWERTY 相同,但重新排列,使最常用的字母落在中排 - 元音在左手下、最常用的辅音在右手下 - 这让双手交替发力,并让手指靠近它们的休息位置。在 Dvorak 键盘上试试,或做一做 Dvorak 打字测试。因为是同一块物理键盘,你随时都能切回 QWERTY。
可以。韩语布局采用标准的 Dubeolsik 排列,Qwertia 会自动把你输入的一个个字母(jamo)组合成完整的谚文音节块,就像系统输入法一样。阿拉伯语布局遵循 Arabic 101 标准,从右向左书写。日语布局让你既可以用罗马字输入(Qwertia 会一边输入一边把拉丁字母转成假名,没有汉字词典),也可以直接在 JIS 假名布局上输入,并且你可以在平假名和片假名之间切换。每种布局也都有自己的打字测试,配有母语短句。
实时进行,一次一个按键。在韩语中,每个键都是单个字母(jamo),Qwertia 会记住当前音节还缺一个首辅音、一个元音还是一个尾辅音(받침),并在每次按键时重绘谚文块。如果一个已完成的块已经有了尾辅音,而你的下一个键是元音,那个辅音就会跳到新块的前面 - 于是 안 后面跟一个元音,就会自动拆成 아 + 나,与系统输入法完全一样。
在日语罗马字模式下,Qwertia 会缓冲你的拉丁字母,并在它们组成假名的那一刻转换:ka → か,双写辅音会变成一个小 っ,而 n 在下一个辅音之前会变成 ん。在假名模式下,你直接从 JIS 键输入假名,并加上浊点 ゛ 或半浊点 ゜ 使其浊化。无论哪种方式都没有汉字词典 - 你拼出什么,得到的就是什么。
是的。除了韩语、阿拉伯语和日语,Qwertia 还包括一个希腊语布局(带单调式的 tonos 重音)、俄语西里尔文,以及用于印地语和孟加拉语的天城文和孟加拉文 INSCRIPT 布局。在这些印度文字布局上,每个键输入一个 Unicode 符号,你的浏览器会把它们组合成连字,就像系统键盘一样。此外还有土耳其语、阿塞拜疆语、波兰语、捷克语、瑞典语、芬兰语和挪威语布局,每种都有自己的重音字母、死键和 AltGr 符号。
带变音符号的语言使用死键:先按一个重音键(例如 ´ 或 ^),再按一个字母,就能得到带重音的字符。你也可以右键点击一个键来输入它的上档符号。
可以。像平常一样在你的物理键盘上打字,对应的屏幕按键就会亮起。这对学习新布局、或查看哪个键产生哪个字符很有用。
可以。加一行 HTML,Qwertia 就会在你网站的任意输入框旁放一个键盘按钮。脚本标签、布局选项和实时演示,见上面的把 Qwertia 加到你的网站一节。
访问符号与 Alt 代码页面,按 Windows Alt 代码浏览特殊字符。点击任意符号即可立即复制到剪贴板。想要笑脸、爱心、旗帜和其他图形符号,就打开表情符号选择器,点击任意表情即可复制。