Question

我正在编写一个Ionic应用程序，用于医疗行业的后勤目的将用于此应用程序的设备具有内置条形码扫描仪并在Android 4.1.1上运行此扫描器在输入字段中输入数据，然后按“输入”键提交数据。由于扫描仪在某些情况下是我的“键盘”，我想在输入焦点上隐藏键盘或点击。

我使用离子键盘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;

}
]);

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

有什么建议吗？

Answer 1

我尝试使用你的指令来抑制默认的原生键盘以显示另一个键盘，并发现在调用hide之前我必须使用100ms的$ timout才能关闭键盘（以解决竞争条件）。但是，它会产生闪烁伪影，因此它不是最佳解决方案。我还没有尝试的另一个想法是通过一个可以调用的自定义插件来压缩他们在Android上的Android键盘，

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

imm.hideSoftInputFromWindow(activity.getCurrentFocus().getWindowToken(), 0);

IONIC键盘隐藏在输入焦点上

1 个答案: