牛骨文教育服务平台(让学习变的简单)
博文笔记

Ionic Cordova实现软键盘的监听 以及操作大全

创建时间:2017-04-19 投稿人: 浏览次数:6233

今天在做项目的时候,在键盘显示的时候隐藏某些操作,键盘隐藏的时候,打开某些操作。网上找了很久,才找到具体的监听事件,特此记录下来,供大家参考:

首先需要添加插件:

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);
  • 我的博客:博客传送门
  • 我的简书:简书传送门
  • 我的CSDN:CSDN传送门
  • 我的GitHub:GitHub传送门
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。