使用 ios/android 的 jquery ui 键盘插件

【问题标题】：using jquery ui keyboard plugin for ios/android使用 ios/android 的 jquery ui 键盘插件
【发布时间】：2014-06-23 06:51:46
【问题描述】：

我正在为 ios/android 网站开发 jQuery UI 虚拟键盘插件 (https://github.com/Mottie/Keyboard)，只能通过 webview 浏览。我想知道如何避免打开 IOS/Android 默认键盘来使用 jQuery 键盘。我不知道为什么会发生这种情况，尽管有时当我点击输入文本区域时操作系统默认键盘仍然不可见，并且只会出现 jQuery UI 键盘，但有时它们都会出现。有没有办法让默认键盘保持显式消失？

【问题讨论】：

标签： javascript android jquery ios jquery-ui

【解决方案1】：

自己解决。

将readonly 属性放入要替换键盘的input 标签中
更改 jQuery UI 虚拟键盘源

194 号线附近

// Don't open if disabled
    if (base.$el.is(':disabled') || (base.$el.attr('readonly') &&
        !base.$el.hasClass('ui-keyboard-lockedinput'))) {
        base.$el.addClass('ui-keyboard-nokeyboard');
        return;
    }

删除后一个条件(base.$el.attr('readonly') && !base.$el.hasClass('ui-keyboard-lockedinput')

完成。

然后输入带有readonly 属性的标签不会打开操作系统默认键盘，而是打开 jquery 键盘。

【讨论】：