如何简单实用hammer

Posted 2020-09-22 sameer的史迪仔

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(){}）也是可以的