Question

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

Ionic是否会传播任何键盘 - 打开＆＃39;或者＆＃39;键盘关闭＆＃39;上课进入body / html？

Answer 1

键盘是移动设备的原生。因此，您需要使用本机插件来检查其功能。安装cordova插件和离子原生类型如下

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();

}

Answer 2

离子不会发出keyboard-open或keyboard-close，但有ionic-plugin-keyboard就是这样。它会触发native.keyboardshow和native.keyboardhide个事件。您还可以查询Keyboard.isVisible属性。

Answer 3

丑陋的答案，但就像魅力一样：

import {NgZone} from '@angular/core';
public IsKeyboardOpen:boolean=false;
    constructor(public ngZ:NgZone)
    {
        var innerHeight=window.innerHeight;
        window.onresize = (e) =>
       {
        this.ngZ.run(() => 
        {
          if(window.innerHeight< innerHeight)
          {
            this.IsKeyboardOpen=true;
          }
          else
          {
            this.IsKeyboardOpen=false;
          }
        });
    };
    }

Answer 4

尝试使用此插件：https://ionicframework.com/docs/native/keyboard/

window.addEventListener('keyboardWillShow', (event) => {
    // Describe your logic which will be run each time when keyboard is about to be shown.
    console.log(event.keyboardHeight);
});

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

4 个答案: