jquery - 如何在 jquery 中检测移动 Web 应用程序的键盘显示/隐藏事件

Question

我正在开发基于网络的移动(HTML)应用程序。有什么办法可以检测键盘事件，例如键盘可见和键盘隐藏时，在此基础上我可以控制其他屏幕布局。

我尝试过焦点、模糊、浏览器调整大小事件，但我的问题没有 100% 解决，所以我只寻找键盘事件，实际上我想在键盘可见时隐藏键盘上的页脚(页脚)出现在键盘上，所以我尝试在键盘可见时设置页脚相对位置，并在键盘隐藏时将页脚位置设置为固定。

我已经尝试过如下方法，但它不能 100% 解决我的问题。

$(document).ready(function () {

  $("input").focus(function() {
    $(".copyright_link").css("position","relative");    
  });      

  $("input").blur(function() {
    $(".copyright_link").css("position","fixed");   
  });      

});

任何人都可以帮我解决页脚问题，或者让我知道 jquery 中是否有键盘事件。

Answer 1

您可以使用调整大小事件来获取键盘是否出现

$(document).ready(function(){
  var _originalSize = $(window).width() + $(window).height()
  $(window).resize(function(){
    if($(window).width() + $(window).height() != _originalSize){
      console.log("keyboard show up");
      $(".copyright_link").css("position","relative");  
    }else{
      console.log("keyboard closed");
      $(".copyright_link").css("position","fixed");  
    }
  });
});