2012-03-02 94 views
4

尝试在iPad上使用画布标记创建PhoneGap应用程序。动画效果很好,但是每当画布被轻拍时就会闪烁。点击时iPad画布闪烁

同样的事情发生在我的iPad上,当我去检查站点,canvas标签,以及...

有谁知道我怎么可能会阻止吗?

+0

你可以尝试画布上的CSS规则'-webkit-自来水亮点,color'设置为'transparent'并看看这是否有诀窍? – 2012-03-02 21:13:20

回答

2

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

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

在我的画布应用程序,以保持该事件从所有的浏览器,实际上我用的什么是可从event.stopPropagation(),event.stopImmediatePropagation(),event.preventDefault(),然后也有处理程序返回false。无法记住哪个平台需要哪个,但链接的文档建议使用Safari的event.preventDefault()。

14

CSS的该位固定对我来说:

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

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

+0

这适用于Canvas标签的iOS。 – 2013-10-25 07:41:39

+0

重要的是要注意,这需要应用到容器的点击/触摸事件,不一定是在我的情况下,我需要将其添加到已注册事件的父容器。另外..谢谢! – Evildonald 2018-01-06 06:00:37