2017-04-10 63 views
0

我正在尋找一個簡單的解決方案來檢測移動設備上的鍵盤是否已打開/關閉(堆棧​​:Ionic2,Angular2)。Ionic2 - 鍵盤打開/關閉狀態檢測

Ionic是否將任何「keyboard-open」或「keyboard-close」類傳播到body/html中?

回答

0

Ionic不會發出keyboard-openkeyboard-close,但有ionic-plugin-keyboard正是如此。它會觸發native.keyboardshownative.keyboardhide事件。您還可以查詢Keyboard.isVisible屬性。

1

鍵盤是本地移動設備。所以您需要本機插件來檢查其功能。安裝插件科爾多瓦和離子本地分型如下

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

}

+0

你測試此代碼。我的意思是我們可以在我們的類函數之外調用一個依賴方法嗎? 'this.keyboard.onKeyboardShow()'必須位於函數內部或將結果賦值給屬性。那麼正確的方法是什麼? – Khurram

+0

@Khurram,該方法應該在一個函數內。 – AishApp