one's way blog

ワクワクを生み出せるWebエンジニアを目指して。

【52:Hammer.js】タッチジェスチャーを実装

f:id:seintoseiya:20160412005347j:plain
プロジェクトNo.52:Hammer.js - DEMO

スマホサイトを作る際に実装できればUI的に良いのが、タップやスワイプなどのタッチジェスチャー
Hammer.jsはそれを簡単に実装できるプラグインです。

公式URL

こちらからライブラリをダウンロードしてください。
Hammer.JS - Hammer.js

使い方

jsファイルをHTMLから読み込んで、
javascript(またはJQuery)から以下の様に設定。

$('エレメント').on("イベント", function() {
	// 処理
});

例(タップ操作)

$('.hoge').on("tap", function() {
        alert('tap');
});

全ソースはこちら

github.com