轻量级移动设备手势库 – hammer.js

hammerJS是一个优秀的、轻量级的触屏设备手势库,可以识别由 touch, mouse 和 pointerEvents 触发的系列手势。它非常小巧,压缩后仅有3.96kb,并没有多余的脚本依赖。

浏览 hammerjs.github.io
 
获得更多的细节文档。

// get a reference to an element
var stage = document.getElementById('stage');

// create a manager for that element
var mc = new Hammer.Manager(stage);

// create a recognizer
var Rotate = new Hammer.Rotate();

// add the recognizer
mc.add(Rotate);

// subscribe to events
mc.on('rotate', function(e) {
    // do something cool
    var rotation = Math.round(e.rotation);    
    stage.style.transform = 'rotate('+rotation+'deg)';
});

一个高级demo可以从这里查阅:
http://codepen.io/runspired/full/ZQBGWd/

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:轻量级移动设备手势库 – hammer.js