Jquery 当手机屏幕上弹出键盘时更改css

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

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

因此，我建议最好的方法是在焦点上调用函数。 在不了解页面结构的情况下，我无法提供任何特定代码，但以下是一个示例：

$(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', '');
   });
});

---

显示您尝试的代码感谢您的评论。我正在使用phonegap开发我的应用程序，搜索了很多键盘弹出事件或类似事件，但不幸的是没有找到任何有用的东西：（感谢回复…它给了我一个启动。我已经粘贴了我的代码@link，请检查一次..再次感谢如果有帮助，请投票赞成/接受我的答案：）还有，如果主题仍然相同，编辑当前问题比创建新问题更好。我刚刚做了：-）关于发布新问题，我尝试在评论中发布代码，但未能粘贴代码…天知道它是如何工作的：-(