iPad用のHTML5 Webアプリケーション(モバイルSafari)を開発しました。アプリ内のHTMLボタンとクリックイベントは、ネイティブiOSアプリのボタンやジェスチャーと比べてやや反応しないようです。他の誰かがこの現象に気付いていますか?なぜこのようなことが起こっているのか、またそのようなボタンをどのように反応させることができるのか、誰にも知恵の言葉はありますか?ありがとう。モバイルSafari Web App - クリックやジェスチャーがむしろ反応しない
答えて
Enabling CSS active pseudo styles in Mobile Safariは、クリック可能な要素をより反応的にします。 Googleは文書を持っています:"Creating Fast Buttons for Mobile Web Applications" 「Touchendイベントは遅延なしで発生するので、これはクリックイベントよりもはるかに速いですが、考慮すべきいくつかの問題があります: "しかし、私はクリックとIOSのイベントをタップします。
また、パフォーマンスはデバイス、IOSバージョン、お使いのWebアプリケーションのプレゼンテーションタイプ(Safari、ホーム画面のWebアプリケーション、またはUIWebView)によって異なり、これも応答性に影響します。 http://thetechjournal.com/electronics/iphone/report-ios-5-browser-performance-test.xhtml
私はこれが古い質問であることを既に承知していますが、私は同様の問題に取り組んでいました。うまくいけば、これはGoogleの検索からここに来る可能性のある他の人々に役立ち、受け入れられた答えが本当に必要なすべての情報を提供するわけではないことが分かったといいでしょう。私はここに私の問題への解決策を見つけた
...
http://developer.telerik.com/featured/300-ms-click-delay-ios-8
そのリンクが今まで悪いなった場合は、その要旨は、モバイルブラウザが意図的に300msのために発射からのクリックイベントを遅らせるので、ということである彼らジェスチャーが本当にダブルタップであったかどうかを確認することができます。
Chrome/Firefox/IEの問題には、さまざまな組み込みのソリューションがありますが、Safariでは実際にはビルドインソリューションはありません。代わりに、clickイベントの代わりにtouchendイベントを聴いて300msの遅延を避ける「高速クリック」のjavascriptライブラリを使用することができます。私は受け入れられた答えが簡単に出来事に触れていることを理解していますが、なぜそれが必要なのかについての背景説明は実際にはありませんでした。
同様の問題が発生した場合は、「高速クリック」ライブラリを検索するか、リンク先のブログの提案に従ってください。お役に立てれば。
- 1. Material-UIのラジオボタンとチェックボックスがクリックやタップに反応しない
- 2. Unity UIボタンがクリックやホバーに反応しない
- 3. ダイアログメニューがクリックに反応しない
- 4. googlesigninbuttonがクリックに反応しない
- 5. 反応ネイティブの物理デバイス上でジェスチャーを振ると反応しない
- 6. モバイルSafari Z-インデックスが動作しない
- 7. モバイルSafariでJavaScriptが動作しない
- 8. モバイルSafariでリンクが機能しない
- 9. ジェスチャーに反応しませんUITableVIew editActionsForRow
- 10. が反応してぼんやりと反応してナビメニューが閉じない
- 11. Material-ui反応しない成分が反応しない
- 12. 時間の経過後に反応しないジェスチャー認識器
- 13. 反応しやすいカレンダーのクリックした日のハイライト
- 14. iphone safari web app backgrounding
- 15. react_on_railsで反応しないonChangeメソッドが反応しない
- 16. jsfiddleのクリックで反応しないリンク
- 17. 反応がネイティブで反応しない
- 18. ルートパラメータが反応しない
- 19. Safari iOSのドラッグアンドドロップ:ドラッグしないで、デスクトップ/ iPadのドロップに反応しない
- 20. SafariモバイルとデスクトップにWebサイトが読み込まれない
- 21. はReduxの、反応して反応モーションAPPにおいて
- 22. (Bug?)Androidのボタンが手のジェスチャーに反応します
- 23. Framework7反応ルーティングが動作しない
- 24. と反応して反応しない
- 25. フォントのすごいアイコンがクリックに反応しない
- 26. Safariがメディアクエリーに応答しない
- 27. NavBarが反応していない
- 28. 反応しているネイティブマップのマーカークリックイベントが反応しない
- 29. iOSモバイル/タブレット(Safari、Chrome、Firefox)でフルスクリーントグルが機能しない
- 30. ボタンがパッド内の余白や余白に反応しない