我是一名尝试使用 Kinetic Js 和“phonegap build”开发手机游戏的初学者。我遇到了一个我不知道如何解决的问题。 我做了一些测试:
我刚刚粘贴了this code here进入我的 index.html 并将代码发送到 phonegap build它从 html 代码创建了 apk 文件。 该应用程序工作得很好，但如果你玩一点，你可能会看到一个不受欢迎的行为:整个“舞台”可以通过触摸点击，当它发生时(实际上并不容易故意这样做，但它发生了)你听到 Android 操作系统的标准点击声，您会看到整个区域突出显示一秒钟。就像您在浏览器中单击链接一样。
我编译(使用 phonegap 构建)链接的指南针模拟器 here ，它可以工作，但是当您点击指南针的图片时，您会触发咔嗒声。如果您在浏览器/模拟器上运行它，这是一种不希望出现的效果。
我只是将一些 png 图像放在 body 中，避免使用 canvas 和 KineticJs。我也没有添加任何脚本。在这种情况下，点击时没有点击事件。但是如果我添加
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>(即使 没有 添加任何脚本)然后再次点击可以产生点击事件。如果我删除两行中的任何一行，则单击事件就会消失。另外，如果我添加
<script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.5.4.min.js"></script>再次， body 是可点击的，产生亮点和点击声音。 (我仍然在谈论使用 phonegap build 编译的应用程序)。
我尝试替换 <body>与 <body onmousedown="return false;">但没有帮助。我也试过 $("#object").click( function () {return false;})使用 Canvas 的 div 元素、图片和正文，也无济于事。我寻找使 anchor 不可点击的建议，以查看是否可以应用它们，但我没有找到任何有用的信息。
有什么建议吗？
更新:另一个没有解决的尝试是:stage.off('tap click mousedown touchstart touchend dbltap'); .
最佳答案
你试过吗？
stage.on('tap touchstart touchend', function() {
return false;
});
这也可能有帮助:
canvas {
/*-webkit-tap-highlight-color: transparent; Some users reported this worked for them, although rgba(0,0,0,0); worked for the asker*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
}
这是一个关于 webkit-touch-callout 的快速链接，我不确定它是否对您的情况有帮助... http://phonegap-tips.com/articles/essential-phonegap-css-webkit-touch-callout.html
编辑: phone gap 的作者似乎建议使用 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 来防止链接选择。来源:https://github.com/phonegap/phonegap-start/blob/master/www/css/index.css
关于javascript - 如何防止文档主体上的点击事件(可能是 Cordova 中的错误？)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17493032/