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. jsfiddleのクリックで反応しないリンク
- 3. モバイルSafariでJavaScriptが動作しない
- 4. Safari iOSのドラッグアンドドロップ:ドラッグしないで、デスクトップ/ iPadのドロップに反応しない
- 5. onMouseOverが反応しない
- 6. iphone safari web app backgrounding
- 7. CheckedTextViewがクリックに反応しません
- 8. クライアント側のレンダリングエラーが反応しない/
- 9. iPhone UIDocumentInteractionController presentOpenInMenuFromRectキャンセルボタンが反応しない
- 10. WebアプリケーションがSafariで動作しない
- 11. モバイルSafari - 記事、テキスト、画像がiPhoneでぼやけている
- 12. Google App EngineのPythonがやろうとして何イム
- 13. モバイルSafari:オーディオ+キャッシュマニフェスト
- 14. Google App Engine:バックエンドが応答しない
- 15. UIViewControllerがタッチに反応しない
- 16. Wpf Adornerがインタラクションに反応しない
- 17. Androidウィジェットがタッチに反応しない
- 18. Jquery Mobileラジオボタンが反応しない
- 19. ブートストラップ4 - カラムグリッドが反応しない
- 20. apple-mobile-web-app対応iOS Web Appの問題
- 21. 画像がクリック機能に反応しない...なぜですか?
- 22. a4j:commandButtonが最初のクリックで反応しないのはなぜですか?
- 23. AndroidのTimePicker(ホイールスタイル)がScrollView内でジェスチャーをフリックするのに正しく反応しない
- 24. Webサービスがandroidで応答しない
- 25. JQuery Clickイベントの繰り返し次回のモバイルSafariでのクリック
- 26. モバイルSafariで「LinkedInでサインイン」が機能しない
- 27. カラーボックスのコンテンツがモバイルSafariでスクロールしない
- 28. 反応ルータ: '不変違反:無効なタグ:{HelloWorld}'、コンポーネントが正しいところにあります。
- 29. iphone webappの背景がスワイプに反応しないようにします
- 30. が反応し、ルータを