首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Cordova Phonegap表单输入框在iOS上不起作用

Cordova Phonegap表单输入框在iOS上不起作用
EN

Stack Overflow用户
提问于 2016-12-05 23:03:46
回答 1查看 1.3K关注 0票数 0

无法在iOS的输入表单框(未显示键盘)中输入文本。输入框似乎没有响应,因为没有显示提示,也没有启动键盘(应用程序)。这适用于Cordova Android (模拟器和应用程序),以及OSX、Android和iOS上的所有标准浏览器。

代码语言:javascript
复制
<html>
<head>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: ; style-src 'self' 'unsafe-inline' ; media-src *;script-src 'self' 'unsafe-inline' 'self' *" />
<title>Input Test</title>
</head>
<body>
<form name="form1" id="form1">
<input name="auto" type="text" id="idauto" style="-webkit-user-select: auto;"><br>
<input name="text" type="text" id="idtext" style="-webkit-user-select: text;"><br>
<input class="newinput" onclick="this.focus();" type="email" id="mix" name="email" value="" autocorrect="off" autocapitalize="off" required="" placeholder="Enter E-mail address">
</form>
<script src="cordova.js"></script>
</body>
</html>

*也只尝试了一次输入,结果相同,因此显示多个变体的行为是相同的。

科尔多瓦: 6.3.1

模拟器: iPhone-SE,10.1模拟器(通过iTunes连接在实际的iOS应用程序中验证了相同的行为,因此坚持使用模拟器来尝试修复)。

我对科尔多瓦config.xml的偏好是:

代码语言:javascript
复制
<preference name="permissions" value="none" />
<preference name="webviewbounce" value="false" />
<preference name="detect-data-types" value="true" />
<preference name="stay-in-webview" value="false" />
<preference name="android-minSdkVersion" value="16" />
<preference name="android-targetSdkVersion" value="22" />
<preference name="loadUrlTimeoutValue" value="700000" />
<preference name="SplashScreenDelay" value="2000" />
<preference name="SplashScreen" value="screen" />
<preference name="StatusBarOverlaysWebView" value="false"/>
<preference name="StatusBarBackgroundColor" value="#000000"/>
<preference name="StatusBarStyle" value="lightcontent" />

<!-- iOS only preferences -->
<preference name="AppendUserAgent" value="My Browser" />
<preference name="AllowInlineMediaPlayback" value="true"/>
<preference name="BackupWebStorage" value="local"/>
<preference name="CordovaWebViewEngine" value="CDVUIWebViewEngine" />
<preference name="deployment-target" value="7.0" />
<preference name="EnableViewportScale" value="true"/>
<preference name="ErrorUrl" value="myErrorPage.html"/>
<preference name="GapBetweenPages" value="0"/>
<preference name="MediaPlaybackAllowsAirPlay" value="false"/>
<preference name="MediaPlaybackRequiresUserAction" value="true"/>
<preference name="OverrideUserAgent" value="Mozilla/5.0 My Browser" />
<preference name="PageLength" value="0"/>
<preference name="PaginationBreakingMode" value="page"/>
<preference name="PaginationMode" value="unpaginated"/>
<preference name="SuppressesIncrementalRendering" value="true"/>
<preference name="SuppressesLongPressGesture" value="true" />
<preference name="Suppresses3DTouchGesture" value="true" />
<preference name="target-device" value="universal" />
<preference name="TopActivityIndicator" value="white"/>
<preference name="UIWebViewDecelerationSpeed" value="fast" />

Cordova插件(之所以安装,是因为这个示例是一个更大项目的片段)。

代码语言:javascript
复制
cordova-plugin-device 1.1.3 "Device"
cordova-plugin-facebook4 1.7.4 "Facebook Connect"
cordova-plugin-splashscreen 2.1.0 "Splashscreen"
cordova-plugin-statusbar 2.2.0 "StatusBar"
cordova-plugin-whitelist 1.1.0 "Whitelist"
EN

回答 1

Stack Overflow用户

发布于 2016-12-06 00:13:40

Suppresses3DTouchGesture禁用onclick处理程序,这实际上会禁用输入框。

要进行修复,请删除首选项或将其设置为"false“

代码语言:javascript
复制
<preference name="Suppresses3DTouchGesture" value="false" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40977232

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档