点击时 iPad 画布闪烁答案

【问题标题】：iPad canvas flickers when tapped点击时 iPad 画布闪烁
【发布时间】：2012-03-02 01:18:25
【问题描述】：

尝试在 iPad 上使用画布标签创建 PhoneGap 应用。动画效果很好，但只要点击画布就会闪烁。

当我使用 canvas 标签检查网站时，我的 iPad 上也会发生同样的事情......

有谁知道我可以如何防止这种情况发生？

【问题讨论】：

您可以尝试在画布上将 CSS 规则 -webkit-tap-highlight-color 设置为 transparent 看看是否可以解决问题？

标签： ipad canvas

【解决方案1】：

这段 CSS 为我修复了它：

<style>
    * { -webkit-tap-highlight-color:rgba(0,0,0,0); }
</style>

另见-webkit-tap-highlight-color: rgba(0,0,0,0); on a div?

【讨论】：

重要的是要注意，这需要通过点击/触摸事件应用于容器，不一定是

【解决方案2】：

尝试让您的事件处理程序使用该事件并阻止它传播到浏览器。

http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

在我的画布应用程序中，为了阻止所有浏览器的事件，我实际上使用了 event.stopPropagation()、event.stopImmediatePropagation()、event.preventDefault() 中可用的任何内容，然后还让处理程序返回 false。不记得哪个平台需要哪个，但链接的文档建议 Safari 使用 event.preventDefault()。

【讨论】：