Cordova iOS 不响应触摸输入
Posted
技术标签:
【中文标题】Cordova iOS 不响应触摸输入【英文标题】：Cordova iOS don't respond to touchinput 【发布时间】：2015-11-20 14:13:12 【问题描述】：我在 ios 上创建了一个 Cordova 应用程序，当我尝试在模拟器或真实设备上按下按钮时，应该会向我显示按钮已被按下的警报。不幸的是，什么也没发生，我不太清楚为什么。一些代码：
<html>
<head>
<!--
Customize this policy to fit your own app's needs. For more guidance, see:
https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
Some notes:
* gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
* https://ssl.gstatic.com is required only on android and is needed for TalkBack to function properly
* Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
* Enable inline JS: add 'unsafe-inline' to default-src
-->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>Hello World</title>
</head>
<body>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
document.addEventListener('deviceready', function()alert('device ready');, false);
function showAlert()
alert("Button is pressed!");
</script>
<h1>This is an app</h1>
<button onClick="showAlert()">Press me!</button>
</body>
谁能看看我是不是犯了一个令人难以置信的愚蠢错误？
【问题讨论】：
两件事：1) 使用对话框插件进行警报 > github.com/apache/cordova-plugin-dialogs 2) 您必须等待文档完成加载，然后才能为deviceready 添加事件侦听器 > ***.com/questions/13311805/…跨度>
【参考方案1】：
如果您使用的是 5.0.0 或更高版本，则需要使用whitelist 系统。它涵盖了CSP（内容安全策略），它会阻止 inline-javascript 工作。
您的 HTML 元素 <button onClick="showAlert()">Press me!</button> 有一个 inline-javascript 元素。从 Cordova 5.0.0 起，您不能使用它。该限制是新 WebView 库的一部分（UIWebview 和 WKWebview for iOS）
要在 HTML 中使用 inline-javascript，您必须编写 CSP 异常。注意：这会使您的应用不安全。您可以通过点击下面的链接来添加安全性。
这是您的代码，请将其添加到您的index.html
<meta http-equiv="Content-Security-Policy"
content="default-src *;
style-src 'self' 'unsafe-inline' 'unsafe-eval';
script-src 'self' 'unsafe-inline' 'unsafe-eval';">
请注意，您的应用现在不安全。
由您来保护您的应用程序。
以下链接将帮助您完成所需内容：HOW TO apply the Cordova/Phonegap the whitelist system 祝你好运
【讨论】：
【参考方案2】：onClick 实际上需要是onclick。这会让你保持警觉，但只有当你抬起手指时，它才会变得迟钝。这是因为onclick一般用于电脑。对于带有cordova的ios，您可以使用ontouchstart。
【讨论】：
以上是关于Cordova iOS 不响应触摸输入的主要内容，如果未能解决你的问题，请参考以下文章