Ionic Cordova实现软键盘的监听 以及操作大全
2017-04-19 本文已影响3494人
SmartSean
今天在做项目的时候,在键盘显示的时候隐藏某些操作,键盘隐藏的时候,打开某些操作。网上找了很久,才找到具体的监听事件,特此记录下来,供大家参考:
首先需要添加插件:
cordova plugin add ionic-plugin-keyboard --save
1.软键盘显示监听
window.addEventListener('native.keyboardshow', function (e) {
// todo 进行键盘可用时操作
//e.keyboardHeight 表示软件盘显示的时候的高度
});
2.软键盘隐藏监听
window.addEventListener('native.keyboardhide', function (e) {
// todo 进行键盘不可用时操作
});
3. 打开软键盘
cordova.plugins.Keyboard.show();
4. 关闭软键盘
cordova.plugins.Keyboard.close();
5. 判断软键盘是否可用
cordova.plugins.Keyboard.isVisible
注意,这个不是方法,是一个属性。
6. 显示隐藏键盘附件栏
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);
7. 禁止和允许滑动
cordova.plugins.Keyboard.disableScroll(true);
cordova.plugins.Keyboard.disableScroll(false);
- 我的博客:博客传送门