使用jquery UI键盘插件为ios/android

using jquery ui keyboard plugin for ios/android

本文关键字：ios android 插件 jquery UI 键盘 使用      更新时间：2023-09-26

我正在为ios/android网站的jQuery UI虚拟键盘插件(https://github.com/Mottie/Keyboard)工作，这将只通过webview浏览。我想知道如何避免打开IOS/Android默认键盘使用jQuery键盘代替。我不知道为什么会发生这种情况，虽然有时当我点击输入文本区域时，操作系统默认键盘保持不可见，只有jQuery UI键盘会出现，但有时两者都会显示。是否有办法使默认键盘保持显式消失?

自己解决。

  1. 将readonly属性放入想要替换键盘的input标签

  2. 修改jQuery UI虚拟键盘源码

在line194 

// 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键盘。

相关文章：