hammer.jsという存在を知ったので、その使い方について調査。
マニュアルを読むと、下のように実装すればおｋとのこと。
<style>
html,body{
height:1000px;
margin:0;
padding:0;
}
</style>
<script src="//cdnjs.cloudflare.com/ajax/libs/hammer.js/1.0.6/hammer.min.js"></script>
<script>
Zepto(function($){
Hammer(document.getElementById('container')).on("swipe", function() {
console.log('swipe');
});
Hammer(document.getElementById('container')).on("swipeup", function() {
console.log('swipeup');
});
Hammer(document.getElementById('container')).on("swipedown", function() {
console.log('swipedown');
});
});
</script>
<body id="container"></body>
これ、すごいことにブラウザでも動きました(chromeで試しました。)。swipeやtapなどを検出してくれるようです。
しかも、CDNもサポートしているなんてすごいなー。
hammer.js の使い方を読むと、jQueryが必要的なことが書かれていたが、別にZeptoでも動いた。
0 コメント:
コメントを投稿