hammer.jsでdouble finger swipeを実装

投稿がだいぶん久しぶりになりましたが、ちょっとメモしておきたい内容があったので投稿します。

Libre10のswipe検知ライブラリとしてjquery.touchswipeを使ってきましたが、反応が遅いのと、時々動かなくなることがあるので、Hammer.jsへ移行することとしました。

Libre10では前後ページへの移動をSwipeで、前後検索結果のページへの移動を2本指swipeで行っているのですが、Hammer.js(2.0)でmultiple finger swipeの実装方法がググってもあまり出てきませんでした。

結果からいうと以下の通りです。

hammer.jsのjquery plugin使用です。

最初に何らかの処理をbindしてhammerインスタンスを作った上で、addでHammer.Swipeのdouble finger版を追加して、2本指処理を記載してます。

拍子抜けするほど単純ですが、結構ネットで探しても見つからなかったので書いておきました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です