软键盘出现在 phonegap 中时隐藏输入字段 [英] input field hidden when soft keyboard appears in phonegap

问题描述

使用适用于 Android 和 iOS 的 Phonegap 3.6.3 创建移动应用程序.问题仅适用于 Android，因为 iOS 的行为符合我的意愿.

当我单击输入文本字段或文本区域时，会出现一个软键盘.它有时会涵盖这些元素.

页面放置在 iScroll 中，就在底部，另一个绝对放置的 div，因此一旦屏幕弹出，我就无法滚动到其中任何一个.我怀疑当键盘出现时我必须将 webview 更改为更小.然而，在尝试了很多事情之后，它不起作用.

config.xml

 
<preference name="phonegap-version" value="3.5.0"/><preference name="orientation" value="default"/><preference name="target-device" value="universal"/><preference name="fullscreen" value="false"/><preference name="webviewbounce" value="true"/><preference name="prerendered-icon" value="false"/><preference name="stay-in-webview" value="false"/><preference name="ios-statusbarstyle" value="black-opaque"/><preference name="detect-data-types" value="true"/><preference name="exit-on-suspend" value="false"/><preference name="show-splash-screen-spinner" value="false"/><preference name="auto-hide-splash-screen" value="false"/><preference name="disable-cursor" value="false"/><preference name="android-minSdkVersion" value="13"/><preference name="android-windowSoftInputMode" value="adjustResize|stateHidden"/><preference name="android-installLocation" value="auto"/><preference name="SplashScreen" value="splash"/>

(已为 android-windowSoftInputMode 尝试了许多不同的值，如下例所示)

网页头部

 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-高度"/>

(是的，我也尝试过很多其他的东西)

还有什么你认为相关的，请告诉我.不幸的是，我不能随意分享太多代码，但据我所知，这就是我们需要担心的全部.

谢谢，

解决方案

从 config.xml 中删除这一行


并将'head of web page'中的行更改为

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>

Creating a mobile application using Phonegap 3.6.3 for Android and iOS. The problem is only for Android, as iOS acts as I would like it to.

When I click on an input text field, or a textarea, a soft keyboard appears. It covers these elements sometimes.

The pages are placed within a iScroll, right at the bottom, and another absolute-placed div, thus I cannot scroll to either of these once the screen pops up. I suspect I have to change the webview to be smaller when the keyboard comes up. However, after trying many things, it isn't working.

config.xml

    <preference name="permissions" value="none" />
    <preference name="phonegap-version" value="3.5.0" />
    <preference name="orientation" value="default" />
    <preference name="target-device" value="universal" />
    <preference name="fullscreen" value="false" />
    <preference name="webviewbounce" value="true" />
    <preference name="prerendered-icon" value="false" />
    <preference name="stay-in-webview" value="false" />
    <preference name="ios-statusbarstyle" value="black-opaque" />
    <preference name="detect-data-types" value="true" />
    <preference name="exit-on-suspend" value="false" />
    <preference name="show-splash-screen-spinner" value="false" />
    <preference name="auto-hide-splash-screen" value="false" />
    <preference name="disable-cursor" value="false" />
    <preference name="android-minSdkVersion" value="13" />
    <preference name="android-windowSoftInputMode" value="adjustResize|stateHidden" />
    <preference name="android-installLocation" value="auto" />
    <preference name="SplashScreen" value="splash" />

(have tried many different values for android-windowSoftInputMode, as per example below)

    <preference name="android-windowSoftInputMode" value="stateVisible|adjustResize|adjustPan" />

head of web page

    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

(yes, I've tried many other things too)

anything else you may perceive as relevant, please let me know. Unfortunately, I'm not at liberty to share too much of the code, but from my understanding that's all we need to worry about.

Thanks,

解决方案

Remove this line from config.xml

<preference name="android-windowSoftInputMode" value="adjustResize|stateHidden" />

And change the line in 'head of web page' to

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

这篇关于软键盘出现在 phonegap 中时隐藏输入字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！