使えるシーン
- 「親指による小さめの上下のスワイプ」を取得したい
- ななめにスワイプしても反応させたい
既存のスワイプ系ライブラリは高機能で使いやすいものが多く存在しますが、上記の条件を満たすものが(私の調査では)見つからなかったので作りました。jQueryプラグインなので、ハイブリッドアプリ(Cordova)じゃなくても使えます。
simple_swipe.js ( jQuery依存 )
概要
- 上下左右のスワイプに応じて、「swipe_up , swipe_down , swipe_left , swipe_right」という jQuery Event を発生させます。
ダウンロード
インストール
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="simple_swipe.js"></script>
通常のjQueryプラグインと同様に、jQuery本体を読み込んだ後に simple_swipe.js を読み込みます。
使い方
$(/*selector*/).on("swipe_up", function(){
/*Function*/
});
通常のjQueryイベントと同様に使えます。
まとめ
(あまり使う場面はないと思いますが)「小さめの斜めスワイプ」でも反応するので、操作感は良好です。