jquery - 当键盘在手机屏幕上弹出时更改css

Question

我正在为我的 android 应用程序制作登录页面，最初登录和密码字段位于屏幕中央。当我点击屏幕时，键盘会弹出并隐藏我不需要的部分字段。弹出键盘时如何更改登录块的位置？JavaScript/jQuery 解决方案很好。

Answer 1

据我所知，没有办法附加到与显示键盘特别相关的事件。

因此，我建议最好的方法是调用焦点函数。在不知道你的页面结构的情况下，我不能给你任何具体的代码，但这里有一个例子：

$(document).ready(function(){
   $('#login').focus(function(){
      //reduce the top margin when the text box is focussed.
      $(this).css('margin-top', '-100px');
   })
   .blur(function(){
      //revert the change.
      $(this).css('margin-top', '');
   });
});