hammer.js 手势操作

官网网址:http://hammerjs.github.io/

官网示例:http://hammerjs.github.io/api/

   http://hammerjs.github.io/examples/


主要两种使用方法:

1.直接简单使用

var myElement = document.getElementById('myElement');
var mc = new Hammer(myElement);
mc.on("pan", function(ev) {
    
});


2. 使用事件管理器

pan事件代表按住屏幕缓慢移动或者快速移动,swipe事件代表快速一滑

var mc = new Hammer.Manager(myElement);
var pan = new Hammer.Pan({ threshold: 10, pointers: 1 });
var swipe = new Hammer.Swipe({ threshold: 10, pointers: 1 });
mc.add(pan);
mc.add(swipe.recognizeWith(mc.get('pan'))); // 表示2种手势可以同时触发,否则只触发一种,一般是pan事件





你可能感兴趣的:(hammer.js 手势操作)