2014-10-06 94 views
4

我们使用mvc和jquery mobile开发移动应用程序,当我点击android选项卡(10英寸选项卡)中的文本框字段时,会出现android键盘。键盘隐藏了我的文本框,所以我无法看到我输入到文本框中的文字。键盘覆盖文本框。Android键盘覆盖文本框问题

请帮我解决这个问题。

以下是我的文本框中的代码。

<div class="field" style="width:35%;font-size:1.75em;padding-top:1.5%"> 
      <input type="text" id="txtDPScanDirectLoc" autofocus="autofocus" /> 
    </div> 
+0

它是一个非常需要和重要的问题 – 2014-10-06 11:32:26

+0

@MadhavanNR :-) – 2014-10-06 11:38:36

+0

css中是否有溢出隐藏?尝试这个。 $(文件)。在( “pageinit”,功能(事件){ $( '输入')上( '的focusIn',功能(事件){ $(文件).scrollTop(0)。 }); }); – 2014-10-06 11:39:36

回答

0

你可以试试这个命令:

"adjustPan" 

利用这一点,且不能调整大小活动的主窗口,以腾出空间给软键盘。相反,窗口的内容会自动平移,以便当前焦点永远不会被键盘遮挡,用户始终可以看到他们正在键入的内容。这通常不如调整大小,因为用户可能需要关闭软键盘才能与窗口的遮蔽部分进行交互。

0

css中是否有溢出隐藏?尝试这个。 $(document).on(“pageinit”,function(event){$('input')。on('focusin',function(event){$(document).scrollTop(0);});});