iPad在轻触时画布闪烁。

Question

尝试在iPad上使用canvas标签创建PhoneGap应用程序。 动画效果很好，但每当点击画布时就会出现闪烁。

当我查看带有canvas标签的网站时，我的iPad也会发生同样的情况...

有人知道如何防止这种情况吗？

- Todd Vance

---

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

Answer 1

这段 CSS 代码解决了我的问题：

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

另请参见如何在一个div中设置-webkit-tap-highlight-color: rgba(0,0,0,0);？

- Dobes Vandermeer

---

重要的是要注意，這需要應用於具有點擊/觸摸事件的容器上，而不一定是 <canvas>。在我的情況下，我需要將其添加到父容器中，該父容器已註冊了事件。還有...謝謝！ - dano

Answer 2

尝试让您的事件处理程序消耗事件并防止其传播到浏览器。

在我的画布应用中，为了防止所有浏览器中的事件，我实际上使用了event.stopPropagation()、event.stopImmediatePropagation()、event.preventDefault()以及将处理程序返回false。我记不清哪个平台需要哪个，但链接的文档建议在Safari中使用event.preventDefault()。

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

- Peter MacMurchy