webmanab.html

menu

タッチデバイス用に、簡単にタッチジェスチャーを実装するHammer.js -『plug-in』

　

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

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

まずはダウンロード。

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>

おわります。

share
ー

tag
ー

related
ー

tip