我正在为iPad编写一个Web应用程序(不是常规App Store应用程序 - 它是使用HTML,CSS和JavaScript编写的).由于键盘填满了屏幕的大部分,因此在显示键盘时更改应用程序的布局以适应剩余空间是有意义的.但是,我发现无法检测键盘何时或是否显示.
我的第一个想法是假设当文本字段具有焦点时键盘可见.但是,当外接键盘连接到iPad时,当文本字段获得焦点时,虚拟键盘不会显示.
在我的实验中,键盘也没有影响任何DOM元素的高度或滚动高度,我没有发现任何专有事件或属性来指示键盘是否可见.
我很难搞清楚如何做到这一点.
我正在使用google.map.places.Autocomplete并且它的工作正常,但由于应用程序/屏幕大小,带有返回搜索列表的pac容器位于设备虚拟键盘后面 - 因此我测试的设备大约有一半用户无法看到返回的地址列表.显然你不希望在键盘前放置pac容器,因为这样会隐藏各种键盘键.
如何强制pac容器出现在搜索/输入框的上方(并向上滚动)?
我使用Phonegap和jQuery Mobile设计了一个应用程序.固定页脚正常工作,直到我点击下拉列表或文本字段,这会导致页脚从视图中消失(Android 4.0)或移动到视图的中间(Android 2.2 Galaxy Tab).有什么建议?
Phonegap版本:Cordova 2.1.0
jQuery Mobile版本:1.2.0
这是我的代码:
<div data-role="footer" class="nav-mobilyzer" data-tap-toggle="false" data-position="fixed">
<div data-role="navbar" class="nav-mobilyzer" data-grid="d">
<h1>footer</h1>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) javascript ×2
android ×1
autocomplete ×1
cordova ×1
hidden ×1
ios ×1
ipad ×1
iphone ×1
safari ×1
search-box ×1