Safariモバイルブラウザで自分のiPhoneでGoogle画像検索を実行すると、画像を反転するための美しいインターフェイスが得られます。左か右にスワイプすると、画像をブラウズします。タッチして上下に動かすと、元のSafariスクロール機能のように見えます。誰でもGoogleがこれをどのように説明することができますか?私はタッチイベント用のSafari APIを学び始めているところです。ハンドラを左または右にスワイプするためにタッチイベントをキャプチャするか、Safariにタッチイベントをネイティブに処理させるかのいずれかのように思えます。その場合、美しいネイティブSafariスクロールが得られます。誰でもGoogleがスワイプを左右にキャプチャする方法を説明できますか?iPhoneのGoogle画像検索タッチイベント機能はどのように機能しますか?
1
A
答えて
0
タッチ固有のDOMイベントがあります。彼らはそれらの周りに多くのJavaScriptロジックを実装しています。 Safari Web Content Guideline: Handling Events Docsも読んでくださいofficial spec for Touch Events
私はいくつかのネイティブのようなジェスチャーをHTMLイベントとしてラップするクイックライブラリを書いていますJSGestureRecognizer。実際にそのライブラリをプロダクションで使用することはお勧めしませんが、ソースを読むと、GoogleがネイティブTouch Eventsを聞いて複雑なユーザーインターフェイスをどのように行っているかについて、かなり良い考えが得られるはずです。
関連する問題
- 1. Google画像検索のマウスオーバーはどのように機能しますか?
- 2. イメージベース検索はどのように機能しますか?
- 3. 「検索」コマンドはどのように機能しますか?
- 4. MySQLフルテキスト検索はどのように機能しますか?
- 5. HTML5動画検索APIはどのように機能しますか?
- 6. 画像検索エンジンのクラスター化による色抽出機能
- 7. iPhone Appのアップデートはどのように機能しますか?
- 8. logstash kv {}機能はどのように機能しますか?
- 9. WatchKit:ディクテーション機能はどのように機能しますか?
- 10. 機能はどのように機能しますか?
- 11. iPhoneのHTMLドキュメントの検索機能
- 12. iPhone用Facebookアプリはどのように機能しますか?
- 13. Google+ iPhoneアプリでスクロールはどのように機能しますか?
- 14. codeandtheoryのライブ検索はどのように機能しますか?
- 15. グラフエンジンの「ファンアウト検索」はどのように機能しますか?
- 16. Mixpanelの検索キーワードはどのように機能しますか?
- 17. Python辞書のハッシュ検索はどのように機能しますか?
- 18. m2eclipseの成果物検索はどのように機能しますか?
- 19. この「検索」ステートメントはどのように機能していますか?
- 20. Searchkickでの多目的検索はどのように機能しますか?
- 21. Androidの連絡先:検索キーはどのように機能しますか?
- 22. ApplicationRecord関連メソッドの検索はどのように機能しますか?
- 23. どのように再描画機能が機能しますか?
- 24. A *ジャンプポイント検索 - プルーニングは実際にどのように機能しますか?
- 25. 私のコードは検索機能では機能しません
- 26. Googleカレンダープリントはどのように機能しますか?
- 27. Googleジオコーダはどのように機能しますか?
- 28. Googleマップタイムライン - セグメンテーションアルゴリズムはどのように機能しますか?
- 29. Google DeepDreamはどのように機能しますか?
- 30. Google Chromeインスタントオムニボックスはどのように機能しますか?
私はモバイルサファリの動作を指しているので、タッチイベントのためにSafari APIを使用する必要があると考えています:ontouchstart、ontouchmoveなど –
私はサファリのAPIだとは思わない。それは単純なHTML/CSSとJavaスクリプト –
ええ、それはタッチイベントと関係がある。 JavaScriptはこれらのイベントを単独で検出することはできませんが、iPhoneがタッチを検出してSafariがタッチスタートイベントを発生させる可能性があります。 JavaScriptでキャッチして、何らかのアクションを実行できます。そう、はい、私はJavaScriptがJavaScriptで何をしているかについて話しています。 –