javascript - Cordova android - 覆盖输入字段的键盘

Question

我知道这个问题已被问过很多次，但没有一个回答提供解决方案。

<preference name="fullscreen" value="false" />这并不是真正的解决方法，因为我希望该应用程序是全屏的。

配置文件选项似乎没有任何作用。我试过:

android:windowSoftInputMode="adjustPan"
android:windowSoftInputMode="adjustResize"
android:windowSoftInputMode="adjustResize|stateHidden"

滚动偏移也不起作用，因为没有空间可以滚动。

$('.myinput').focus(function(e) {
    var container = $('.container'),
    scrollTo = $('.myinput');

    setTimeout((function() {
        container.animate({
            scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
        });
    }), 500);
});

Answer 1

请安装:

cordova 插件添加 ionic-plugin-keyboard --save

然后让 cordova 准备在您的 www 文件夹中加载这个新插件。

document.addEventListener('deviceready', function(e){
    window.addEventListener('native.keyboardshow', function () {
            cordova.plugins.Keyboard.disableScroll(true);
        });
});

或者你可以试试这个javascript函数

<script>
      setInterval(function(){
      if( document.body.className.match('keyboard-open') ) {
      document.getElementById("messagearea").style.marginBottom="100px";
      }
                  else{
                     document.getElementById("messagearea").style.marginBottom="0px";
                  }

                  }, 1000);

  </script>