應用場景,因為兼容ios,安卓問題,不能直接調用激活軟鍵盤方法。只有在點擊按鈕時讓input框自動獲取焦點,激活軟鍵盤。
然后把input框定位在鍵盤上方,軟鍵盤激活可以監聽到鍵盤高度。
先下載keyboard插件
在app.module.ts中引入
import { Keyboard } from '@ionic-native/keyboard';
ts頁面引入
import { Keyboard } from '@ionic-native/keyboard';
@ViewChild('diyInput') diyInput:any;
constructor(
private keyboard: Keyboard) {
//軟鍵盤消失,隱藏input框, jq需要下載引入
window.addEventListener('native.keyboardhide', (e: any) => {
$('#key-diy-input').css({'bottom':'-400px'});
//可以做其他的操作
});
}
/*
* 調出軟鍵盤
*
*
* */
showSoftKeyboard () { //點擊事件
this.diyInput.setFocus(); //獲取焦點
let self = this;
window.addEventListener('native.keyboardshow', (e: any) => {
self.keyHeight = e.keyboardHeight-50+'px'; //表示軟件盤顯示的時候的高度
$('#key-diy-input').css({'bottom':self.keyHeight})
});
}