Ionic2 - 键盘打开/关闭状态检测

Question

我正在寻找一个简单的解决方案来检测移动设备上的键盘是否已打开/关闭（堆栈​​：Ionic2，Angular2）。

Ionic是否将任何“keyboard-open”或“keyboard-close”类传播到body/html中？

Answer 1

Ionic不会发出keyboard-open或keyboard-close，但有ionic-plugin-keyboard正是如此。它会触发native.keyboardshow和native.keyboardhide事件。您还可以查询Keyboard.isVisible属性。

Answer 2

键盘是本地移动设备。所以您需要本机插件来检查其功能。安装插件科尔多瓦和离子本地分型如下

ionic plugin add ionic-plugin-keyboard 
npm install --save @ionic-native/keyboard 

添加的代码以下行来检查键盘打开和关闭

import { Keyboard } from '@ionic-native/keyboard'; 

constructor(private keyboard: Keyboard) { 

... 
//Observes when the keyboard is shown 
this.keyboard.onKeyboardShow(); 

    //Observes when the keyboard is hidden 
    this.keyboard.onKeyboardHide(); 

}