2012-02-28 10 views
1

Safariモバイルブラウザで自分のiPhoneでGoogle画像検索を実行すると、画像を反転するための美しいインターフェイスが得られます。左か右にスワイプすると、画像をブラウズします。タッチして上下に動かすと、元のSafariスクロール機能のように見えます。誰でもGoogleがこれをどのように説明することができますか?私はタッチイベント用のSafari APIを学び始めているところです。ハンドラを左または右にスワイプするためにタッチイベントをキャプチャするか、Safariにタッチイベントをネイティブに処理させるかのいずれかのように思えます。その場合、美しいネイティブSafariスクロールが得られます。誰でもGoogleがスワイプを左右にキャプチャする方法を説明できますか?iPhoneのGoogle画像検索タッチイベント機能はどのように機能しますか?

+0

私はモバイルサファリの動作を指しているので、タッチイベントのためにSafari APIを使用する必要があると考えています:ontouchstart、ontouchmoveなど –

+0

私はサファリのAPIだとは思わない。それは単純なHTML/CSSとJavaスクリプト –

+0

ええ、それはタッチイベントと関係がある。 JavaScriptはこれらのイベントを単独で検出することはできませんが、iPhoneがタッチを検出してSafariがタッチスタートイベントを発生させる可能性があります。 JavaScriptでキャッチして、何らかのアクションを実行できます。そう、はい、私はJavaScriptがJavaScriptで何をしているかについて話しています。 –

答えて

0

タッチ固有のDOMイベントがあります。彼らはそれらの周りに多くのJavaScriptロジックを実装しています。 Safari Web Content Guideline: Handling Events Docsも読んでくださいofficial spec for Touch Events

私はいくつかのネイティブのようなジェスチャーをHTMLイベントとしてラップするクイックライブラリを書いていますJSGestureRecognizer。実際にそのライブラリをプロダクションで使用することはお勧めしませんが、ソースを読むと、GoogleがネイティブTouch Eventsを聞いて複雑なユーザーインターフェイスをどのように行っているかについて、かなり良い考えが得られるはずです。

関連する問題