美文网首页
Ionic Cordova实现软键盘的监听 以及操作大全

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

作者: SmartSean | 来源:发表于2017-04-19 18:35 被阅读3494次

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

    首先需要添加插件:

    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);
    

    相关文章

      网友评论

          本文标题:Ionic Cordova实现软键盘的监听 以及操作大全

          本文链接:https://www.haomeiwen.com/subject/weuhzttx.html