Android键盘隐藏文字输入

Question

我有一个使用jQuery Mobile的应用程序。

在Chrome（在Android上）上进行测试时，当键盘打开时，位于页面底部的一些输入会自动移至顶部。 这是我期望的行为。

当我将此网站添加到我的Android主屏幕时，此行为不起作用，所有文本输入都被键盘隐藏。

我还说过，当我在Chrome上再次打开相同的应用程序时，在重试基于Webview的应用程序后，现在一切正常。 输入不再隐藏。

你看过这种错误吗？

谢谢你提前

Answer 1

作为替代方案，我为您创建了一个演示

我必须附加一个空白框以在底部创建一些空间，然后在您关注输入时将输入移动到标题，因为它位于底部，因此没有滚动空间。

演示

https://jsfiddle.net/fyom081o/

码

$(document).on("focus", "#text-basic", function(event){
    var boxheight =  $(window).height() - 40;
    $("#mycontntent").append("<div id='blank' style='height:"+boxheight+"px;'"+"></div>");
$('html, body').animate({scrollTop: $('#text-basic').offset().top - 100}, 500); 
});

$(document).on("focusout", "#text-basic", function(event){
$('#blank').remove();
});

Answer 2

当我提出同样的问题时，请查看答案......

设备中的Jquery Mobile 1.4.5虚拟键盘隐藏了页面底部的表单输入

我用JQM打开了一个问题，这就是我得到的回复。 原来这是一个Chrome全屏浏览器漏洞，与JQM无关......

我试图解决这个问题的唯一方法就是像http://jsbin.com/kagidi/9/edit?html,css,output这样修复Chrome主屏幕上的问题然而这并不是一个完全修复它有一些问题无法真正解决。

没有办法知道键盘的大小，以及在特定设备上添加到身体的高度，当你记住自定义键盘时更是如此。

它需要大量的userAgent嗅探才能使其正常工作

由于这些问题，这不是我们想要添加到库中的东西。 但是，这可以解决您的问题