Ionic3-监听键盘

$ ionic cordova plugin add cordova-plugin-ionic-keyboard

$ npm install --save @ionic-native/keyboard@4

 //1.监听键盘弹出
 window.addEventListener('native.keyboardshow', (e: any) => {
     //e.keyboardHeight键盘的高度
     document.getElementById('maskc').style.bottom = '-' + (window.innerHeight - e.keyboardHeight - 120) + 'px';
 });
 //2.监听软键盘是否收起
 window.addEventListener('native.keyboardhide', () => {
     console.log("收起");
     this[this.moduleName] = this.moduleContent;
     this.isMask = false;
 });
 ​
 //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);

 

------------恢复内容开始------------

$ ionic cordova plugin add cordova-plugin-ionic-keyboard

$ npm install --save @ionic-native/keyboard@4

 //1.监听键盘弹出
 window.addEventListener('native.keyboardshow', (e: any) => {
     //e.keyboardHeight键盘的高度
     document.getElementById('maskc').style.bottom = '-' + (window.innerHeight - e.keyboardHeight - 120) + 'px';
 });
 //2.监听软键盘是否收起
 window.addEventListener('native.keyboardhide', () => {
     console.log("收起");
     this[this.moduleName] = this.moduleContent;
     this.isMask = false;
 });
 ​
 //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);

 

------------恢复内容结束------------