无法在 iOS 9 上选择 Cordova 应用程序输入字段
Cordova apps Input fields cannot be selected on iOS 9
我今天升级到 iOS 后开始遇到这个问题 9. 我的应用程序在开始时有一个登录页面,输入字段已完全停止响应。当我点击输入字段时,键盘出现,但是当我输入内容时没有任何反应。有人遇到同样的问题吗?
在 <input>
字段中输入 ID,并将 -webkit-user-select: auto;
添加到 ID。这将解决您的问题。
您可以使用此 css 而不是在每个字段上使用 id,它将应用于所有类型为 text
的输入
input[type=text]{
-webkit-user-select: auto;
}
2020 更新 - 为了使光标在 iOS13 和 Cordova(iOS) 5.0.1 上的单击焦点事件和本机虚拟键盘表现良好,请停止使用默认值 UI WebView 并开始使用 WKWebview。这可能会在您现有的应用程序中导致很多附带问题,但是,UIWebView 自 iOS8 以来已被弃用......是时候继续前进了。
这个 Ionic WKWebView 插件修复了 React Material-UI 的这个问题:
https://github.com/ionic-team/cordova-plugin-ionic-webview
要安装它 运行 从 Cordova 项目文件夹中在控制台中执行此命令:
$ cordova plugin add cordova-plugin-ionic-webview@latest
我今天升级到 iOS 后开始遇到这个问题 9. 我的应用程序在开始时有一个登录页面,输入字段已完全停止响应。当我点击输入字段时,键盘出现,但是当我输入内容时没有任何反应。有人遇到同样的问题吗?
在 <input>
字段中输入 ID,并将 -webkit-user-select: auto;
添加到 ID。这将解决您的问题。
您可以使用此 css 而不是在每个字段上使用 id,它将应用于所有类型为 text
的输入input[type=text]{
-webkit-user-select: auto;
}
2020 更新 - 为了使光标在 iOS13 和 Cordova(iOS) 5.0.1 上的单击焦点事件和本机虚拟键盘表现良好,请停止使用默认值 UI WebView 并开始使用 WKWebview。这可能会在您现有的应用程序中导致很多附带问题,但是,UIWebView 自 iOS8 以来已被弃用......是时候继续前进了。
这个 Ionic WKWebView 插件修复了 React Material-UI 的这个问题: https://github.com/ionic-team/cordova-plugin-ionic-webview
要安装它 运行 从 Cordova 项目文件夹中在控制台中执行此命令:
$ cordova plugin add cordova-plugin-ionic-webview@latest