应用场景,因为兼容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})
});
}