タッチジェスチャーを実装する

スマホやタブレットなどのデバイスに、タッチジェスチャーを実装したいときに利用したいライブラリがHammer.jsです。
jQueryと一緒に使ってやると、非常に簡単にタッチジェスチャーを組み込むことができ、通常jQueryに用意されていないジェスチャーイベントを簡単に実装できます。

まずはダウンロード。

• Hammer.js
• Hammer.js GitHab

jQueryと一緒に利用したいので、jquery.hammer.jsも一緒に読み込みます。
tap doubletap press horizontal pan swipe pinch rotateなどをキーワードに、ジェスチャーを.onの引数に取ります。

html

<script src="yourpass/jquery.js"></script>
<script src="yourpass/hammer.js"></script>
<script src="yourpass/jquery.hammer.js"></script>
<script>
$('#ex').hammer().on('swipe', function(){
  // ここで何かする
});
</script>

おわります。