使用蓝牙键盘时,离子输入失去焦点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用蓝牙键盘时,离子输入失去焦点相关的知识,希望对你有一定的参考价值。

我正在努力输入连接到iPhone(ios 9和iOS 10)的Ionic 3硬件键盘(连接蓝牙)的文本。输入时,输入正在失去焦点,即使我再次尝试输入,也没有任何输入从键盘输入。这款硬件键盘在android手机中运行良好,但在iOS中运行不佳。

我尝试从Cordova升级/重新安装更新的键盘插件。但没有运气。

以下是我的离子信息。

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.12.0
ionic (Ionic CLI) : 3.12.0

全球套餐:

cordova (Cordova CLI) : 6.5.0

本地套餐:

@ionic/app-scripts : 2.1.3
Cordova Platforms  : android 6.1.2 browser 4.1.0 ios 4.1.1
Ionic Framework    : ionic-angular 3.6.0

系统:

ios-deploy : 1.9.1
ios-sim    : 5.0.13
Node       : v7.4.0
npm        : 5.0.3
OS         : macOS Sierra
Xcode      : Xcode 8.3.3 Build version 8E3004b

其他:

backend : pro

如有任何想法,请告诉我。谢谢。

编辑

我尝试将Ionic从3.12降级到2.18。仍然没有运气。输入字段仍然在几毫秒内失去焦点。

答案

安装Keyboard plugin。在app.components.ts的构造函数中:

platform.ready().then(() => {
   keyboard.hideKeyboardAccessoryBar(false);
});
另一答案

这里有一些事情需要验证,你面临的问题是与WebViews相关的问题,特别是对于iOS,所以让我们从键盘开始,尝试安装ionic-plugin-keyboard

cordova plugin add ionic-plugin-keyboard --save

如果您需要更多与您想要触发键盘事件相关的事件,请参阅official doc

我通常使用ionic-wkwebview而不是使用iOS的构建webview来解决大部分问题。您可以按如下方式安装插件:

ionic cordova plugin add cordova-plugin-ionic-webview --save

有关完整安装,请参阅ionic-wkwebview-official doc

即使对于ionic-plugin-keyboardion-input也存在问题,但它已经解决,问题不在于插件,而是与Webview

以下是issue的解决方案。

以上是关于使用蓝牙键盘时,离子输入失去焦点的主要内容,如果未能解决你的问题,请参考以下文章

在输入之外单击时,RN TextInput 不会失去焦点并隐藏它的键盘

在本机反应中单击 TextInput 字段外部时失去焦点并关闭键盘?

Safari(移动)IOS - 单击外部时输入不会失去焦点

C# Winform 控件或窗体失去焦点时,获取键盘输入数据(我用winform获取另一个窗口的数据)

IOS下H5的input/textarea元素失去焦点时隐藏键盘

react native 隐藏键盘 TextInput失去焦点