Mottie 的虚拟键盘:直接输入

Posted

技术标签:

【中文标题】Mottie 的虚拟键盘:直接输入【英文标题】:Mottie's Virtual Keyboard: direct input 【发布时间】:2014-05-08 10:02:17 【问题描述】:

Mottie 有一个出色的 jQuery 屏幕键盘插件: https://github.com/Mottie/Keyboard

默认情况下,来自键盘的文本会进入附加输入,然后可以被接受或取消。如果文本被接受,它将进入源文本区域/输入。

但是有没有一种方法可以直接从键盘输入到源 textarea/input 而无需接受它(就像 android/ios 上的移动键盘一样)?

【问题讨论】:

【参考方案1】:

插件的documentation 包含在 GitHub wiki 页面中。

不需要包含预览的选项称为usePreview (ref);将其设置为false (demo):

要自动接受内容,请将autoAccept option 设置为true

$('#keyboard').keyboard(
    layout: 'qwerty',

    // true: preview added above keyboard;
    // false: original input/textarea used
    usePreview: false

    // Auto-accept content when clicking outside the
    // keyboard (popup will close)
    autoAccept: true

);

【讨论】:

谢谢!我不明白我是怎么错过这个的) 如果这是针对 android 的,您可能需要将 lockInput 选项设置为 true 使输入只读 (ref),从而防止手机键盘打开。 你好@Mottie,如果我使用这些设置,那么它不起作用。我必须将 alwaysOpen 位设置为 true,但 autoAccept 无法使用。 $('#keyboard').keyboard( layout: 'qwerty', alwaysOpen: true, usePreview : false, autoAccept : true, appendLocally: true ).addTyping(); ;

以上是关于Mottie 的虚拟键盘:直接输入的主要内容,如果未能解决你的问题,请参考以下文章

Mottie 虚拟键盘和选择器

带有引导主题的 Mottie 虚拟键盘

如何更改 mottie 虚拟键盘中自定义键的显示名称

当用户单击javascript mottie虚拟键盘键之间的小空间时,有没有办法防止焦点从元素模糊?

github上老外做的jQuery虚拟键盘

在mac上使用jquery虚拟键盘,特殊字符在safari中打印为~n而不是ñ