1. 程式人生 > >如何簡單實用hammer

如何簡單實用hammer

實用 () 簡單實用 fas r.js jquer att 如何 new

1,首先引用hammer在html中 <script src="js/jquery.hammer.js"></script>

2.在js中創建一個新的實例 ,並在要點擊的界面加上id為gamePage的ID名

var gamePage = document.getElementById(‘gamePage‘);
var hammer = new Hammer(gamePage);

// 若要允許識別器識別垂直方位或全部方位的 pan 和 swipe,可以這麽寫:
hammer.get(‘swipe‘).set({ direction: Hammer.DIRECTION_ALL });

//引入fastclick,消除移動端的點擊延遲 優化體驗 非必須 可不用
FastClick.attach(document.body);

3.然後就像點擊事件一樣使用就好

hammer.on("swipedown",function(){})

因為在2中獲取過了,使用$(“#gamePage”).on("swipedown",function(){})也是可以的

如何簡單實用hammer