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);
上一篇下一篇

猜你喜欢

热点阅读