ionic3 监听软键盘的高度 - 天渺(喵)工作室 - CSDN博客
https://blog.csdn.net/sean_css/article/details/70243893
ionic cordova plugin add ionic-plugin-keyboard
$ npm install --save @ionic-native/keyboard
经过本人测试 这个方法 ionic1 ionic3 都可以用
ionic3 把方法写到 构造器 或者 生命周期事件里面就行
ionic1里面的用法 addEventListener 这种这种写法在ionic3 的ts 中无法与外部变量通信 应该是机制问题
//监听软键盘弹出
window.addEventListener('native.keyboardshow', function (e:any) {
//e.keyboardHeight 表示软件盘显示的时候的高度
//alert(JSON.stringify(e))
this.keyboardshowHeightBottom=e.keyboardHeight+'px';
});
//监听软键盘关闭
window.addEventListener('native.keyboardhide', function (e) {
//e.keyboardHeight 表示软件盘显示的时候的高度
//alert(JSON.stringify(e))
this.keyboardshowHeightBottom='0px';
});
ionic3 里面的用法
//rxjs
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/fromEvent';
Observable.fromEvent(window, "native.keyboardshow")
.debounceTime(100)
.subscribe((event: any) => {
alert('显示:'+JSON.stringify(event))
//this.keyboardshowHeightBottom=event.keyboardHeight+'px';
});
Observable.fromEvent(window, "native.keyboardhide")
.debounceTime(100)
.subscribe((event: any) => {
//alert('关闭'+JSON.stringify(event))
});