2012-03-02 15 views
4

iPadにキャンバスタグを使用してPhoneGapアプリを作成しようとしています。アニメーションはうまく動作しますが、キャンバスがタップされると点滅します。タップするとiPadキャンバスがちらつきます

私もキャンバスタグでサイトをチェックしに行くとき、同じことは、誰もが、私はこれを防ぐ可能性がある方法を知っています...私のiPadで

をどうなりますか?

+0

キャンバス上transparent' 'にCSSルール' -webkit-タップハイライトcolor'を設定してみてくださいでしたそれがトリックをするかどうかを確認しますか? –

答えて

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で動作します。 –

+0

これは、クリック/タッチイベント(必ずしもではなく)でコンテナに適用する必要があることに注意することが重要です。私のケースでは、イベントを登録した親コンテナにこれを追加する必要がありました。また..ありがとう! – Evildonald

関連する問題