适用于Android应用程序的全屏键盘(由Phonegap构建) [英] Fullscreen Keyboard for Android app by Phonegap build

问题描述

问题:-我正在开发一个具有2个字段的android应用程序.当专注于这些字段时，虚拟键盘将在这些字段上隐藏/重叠.因此，从此处找到了解决方案<preference name="fullscreen" value="false" />.但这将导致显示状态栏，并且用户界面将被向上推.因此，我退回去了.

问题:-，是否有任何jQuery补丁或phonegap插件可以使虚拟键盘全屏显示[ Landscape和Portrait模式]，如下图所示:

请尽快回复！提前致谢. 问候

解决方案

好吧，我终于用下面的jQuery Patch解决了这个问题:

//JS : OnReady event:

 var windowHeightSeventyPercent = parseInt(screen.height * 0.7); //To support multiple devices

 $("input").focusin(function(){
    $("body").height($("body").height()+parseInt(windowHeightSeventyPercent)); //Make page body scroll by adding height to make user to fillup field.
 });

 $("input").focusout(function(){
    $("body").height($("body").height()-parseInt(windowHeightSeventyPercent));
 });

Problem :- I am developing an android application which has got 2 fields. When focus on the fields, virtual keyboard will hide/overlaped on these field. So from here I found the solution <preference name="fullscreen" value="false" />. But it will result in STATUS BAR will shown and UI will pushed upwards. Hence, I reverted back.

Question :- Is there any jQuery patch or phonegap plugin to make virtual keyboard full screen [both Landscape and Portrait mode ] as you can see below image :

Please reply as soon as possible! Thanks in Advance. Regards,

解决方案

Ok, I finally solved this problem with below jQuery Patch :

//JS : OnReady event:

 var windowHeightSeventyPercent = parseInt(screen.height * 0.7); //To support multiple devices

 $("input").focusin(function(){
    $("body").height($("body").height()+parseInt(windowHeightSeventyPercent)); //Make page body scroll by adding height to make user to fillup field.
 });

 $("input").focusout(function(){
    $("body").height($("body").height()-parseInt(windowHeightSeventyPercent));
 });

这篇关于适用于Android应用程序的全屏键盘(由Phonegap构建)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！