IONIC 键盘隐藏在输入焦点上

2024-01-07

我正在编写一个 Ionic 应用程序,该应用程序将用于医疗保健领域的物流目的。
用于此应用程序的设备具有内置条形码扫描仪并在 android 4.1.1 上运行。
该扫描仪在输入字段中输入数据,并通过按“输入”键提交数据。由于扫描仪在某些情况下是我的“键盘”,我想在输入焦点或单击时隐藏键盘。

我使用 ionic 键盘 cordova 插件编写了以下指令:

directives.directive("showKeyboard", [
function()  {
    var linkFn = function(scope, element, attrs) {
        console.log(scope);
        console.log(element);
        console.log(attrs);
        if(!window.cordova || !window.cordova.plugins.Keyboard) return; // Check for cordova keyboard plugin

        if(element[0].nodeName.toLowerCase() != 'input') return; // check for input

        if(attrs.type.toLowerCase() != 'password' && attrs.type.toLowerCase() != 'text') return; // check for type of input

        element.bind("focus click",
            function(e) {
                e.preventDefault();
                if(scope.$eval(attrs.showKeyboard)){
                    console.log('show')
                    window.cordova.plugins.Keyboard.show();
                }
                else    {
                    console.log('hide');
                    cordova.plugins.Keyboard.close();

                }
            }
        );
    };

    var keyboardDirective = {
        restrict : 'A',
        link: linkFn
    };

    return keyboardDirective;

}
]);  

功能似乎有效。只有键盘不会关闭,并且似乎被设备“强制”打开。

有什么建议么?


我尝试使用您的指令来抑制默认的本机键盘,以便显示替代键盘,并发现在调用 hide 关闭键盘之前我必须使用 100ms 的 $timout (以解决竞争条件)。然而,它会产生闪烁伪像,因此它不是最佳解决方案。我还没有尝试过的另一个想法是通过一个自定义插件在 Java 中抑制 Android 端的键盘,该插件将调用:

InputMethodManager imm = (InputMethodManager) activity.getSystemService(Context.INPUT_METHOD_SERVICE);

imm.hideSoftInputFromWindow(activity.getCurrentFocus().getWindowToken(), 0);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

IONIC 键盘隐藏在输入焦点上 的相关文章