hammerJS是一个优秀的、轻量级的触屏设备手势库，现在已经更新到2.04版本，跟1.0版本有点天壤地别了，毕竟改写了事件名并新增了许多方法，允许同时监听多个手势、自定义识别器，也可以识别滑动方向。
不过对于新版本的hammerJS却及其匮乏中文指引文档，就着这一点我还是上官网翻译下英文文档，写一篇跟大家分享吧（其实hammer的API写的很不怎样，内容和排版都很马虎了事，建议先仔细研究examples后再查阅。你也可以通过Aaron猪肉荣的Hammer系列文章来学习）。
注：本文将所有API中提到的 “input” 翻译为 “交互”，它实际包括mousedown,mousemove,touchmove,pointercancel事件。
GENERAL
开始
HammerJS是一个开源的库，可以识别由 touch,mouse 和 pointerEvents 触发的系列手势。它非常小巧，压缩后仅有3.96kb，并没有多余的脚本依赖。
你可以从Github上获取最新版的HammerJS，或者直接下载压缩版 或 未压缩的开发版的HammerJS源码。
点此获取版本变动日志。
也可以点这里获取更旧的1.1版本。
2.0版本的变动：彻底重写了源码，包括可复用的识别器（recognizer）、提升了对最新移动端浏览器可用的触摸行为css属性的支持，另支持了多个hammer实例同时使用，让多用户同时使用一台设备也不在话下。
使用
HammerJS的使用方式非常简单，只要将库引入到文件中，并创建一个新的实例即可：
var hammertime = new Hammer(myElement,myOptions);
hammertime.on('pan',function(ev) {
console.log(ev);
});
它会默认为这个对象添加一系列识别器，包括 tap<点>,doubletap<双点击>,press<按住>,水平方位的pan<平移> 和 swipe<快速滑动>, 以及多触点的 pinch<捏放> 和 rotate<旋转>识别器。不过呢，其中的 pinch 和 rotate 默认是不可用的，因为它们可能会导致元素被卡住，如果你想启用它们，可以加上这两句：
hammertime.get('pinch').set({ enable: true });
hammertime.get('rotate').set({ enable: true });
若要允许识别器识别垂直方位或全部方位的 pan 和 swipe，可以这么写：
hammertime.get('pan').set({ direction: Hammer.DIRECTION_ALL });
hammertime.get('swipe').set({ direction: Hammer.DIRECTION_VERTICAL });
另建议加上如下meta标签，防止doubletap 或 pinch 缩放了viewport：
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1">
更多控制
你可以为你的实例设置属于你自己的识别器，虽然要多写一点代码，但能让你控制更多能被识别的手势：
var mc = new Hammer.Manager(myElement,myOptions); mc.add( new Hammer.Pan({ direction: Hammer.DIRECTION_ALL,threshold: 0 }) ); mc.add( new Hammer.Tap({ event: 'quadrupletap',taps: 4 }) ); mc.on("pan",handlePan); mc.on("quadrupletap",handleTaps);
上述的代码创建了一个实例（mc），它包含了一个 pan 和一个 quadrupletap 手势，识别器实例会在它们被添加（add）之后就不断地执行，且（一个识别器实例）只能识别一个（手势）。
贴士和窍门
1. 试着避免垂直方向上的 pan/swipe
垂直方向上的平移操作一般是用来滚动你的页面的，而且有些（过时的）浏览器不会传递事件，导致Hammer无法识别这些手势。你可以尝试换另一种可替换的途径来实现相同的动作。
2. 在设备上做测试
有时候Hammer需要做一些调整，像swipe的速率或其它阈值，如果你在一台反应较慢的设备上做测试，那么你要保证你的回调越简单越好。有些站点例如JankFree.org上有专门的文章来介绍如何提升展示效果。
3. 去掉Windows Phone点击时的高亮效果
你在Windows Phone上的IE10和IE11里tap某元素时，会有一个小小的tap高亮效果，加上这个meta标签可以取消这种效果：
<meta name="msapplication-tap-highlight" content="no" />
4. "我怎么选择不了文本了！"
Hammer设置了一个属性用来提升桌面平移操作的用户体验（UX）。常规来说，当你在桌面级浏览器上拖动页面时，你应该是可以正常选中文本的，但user-select这个CSS属性禁用了这功能。
如果你在意文本选择功能，同时觉得桌面级的体验没必要太尽善尽美，你可以很轻松地取消这个默认选项——确保在创建实例之前执行：
delete Hammer.defaults.cssProps.userSelect;
5. “在tap之后，导致触发了一个click事件，我不想这样！”
这种click事件我们称之为一个“幽灵点击”事件，我创建了一个小函数来避免触摸后导致click，对此，Ryan Fioravanti的文章给了我很大的灵感。
浏览器/终端的支持
无须担心你的浏览器或系统不在下方的列表上，Harmmer可以运行在除了IE8-的任何地方。浏览器若对触摸行为（touch-action）提供原生支持，那么对比那些不支持的浏览器，会有更好的体验。查看touch-action页面了解更多。
实例
3. 同时识别（用RecognizeWith实现）Pinch和Rotate
4. 用RecognizeWith操作Quadrupletap（自定义的，表示4个tap）识别器
5. SingleTap<单点>和DoubleTap<双点击>(配合recognizeWith/requireFailure)
更多实例可以查看github上的库文件。
HAMMER
常规API
==============================
Hammer
创建并返回一个带有系列默认识别器集合的Manager实例，该集合内包含了诸如 tap,doubletap,pan,swipe,press,pinch 和 rotate 识别器。你应该在初始化时执行它，其语法为：
Contructor(HTMLElement,[options])
参数里一个是你的页面元素，另一个是可选的识别器选项options，options会融入Hammer.defaults中去，当然，在Hammer.defaults.preset中定义的识别器集合也会被添加进来。
如果识别器选项options为空，那么初始化的时候不会有额外的识别器被添加进来：
var myElement = document.getElementById('hitarea'); new Hammer(myElement);
==============================
Hammer.defaults
创建实例时初始化的默认值，包括你定义的options选择器项。其属性包括：
touchAction: 'compute'
其值可为 compute,auto,pan-y,pan-x 或 none 。默认选项会基于识别器为你选择一个正确值。
domEvents: false
让Hammer也能禁用DOM事件。若不禁用会有些慢，故默认是禁用的。如果你想实现事件委托，那么建议你将其设为true。
enable: true
接受一个boolean值,或返回一个boolean值的函数。（官网就这样一句话，也没说具体啥作用，汗~）
cssProps: {....}
可以改善交互事件操作的系列css属性。更多详情可以查阅JSDoc。
preset: [....]
调用Hammer()的时候就安装了默认的识别器。如果建立一个新的Manager，这些将被跳过。
==============================
Hammer.Manager
Manager是所有识别器实例的容器，它为你的元素安装了交互事件监听器，并设置了触摸事件特性。
constructor(HTMLElement,[options])
参数为你的元素（HTMLElement）和选项（options），选项将合并到Hammer.defaults中去：
new Hammer.Manager(myElement);
你可以在选项中使用 recognizers 来设置一个初始化识别器，它是一个数组，写法如下：
// RecognizerClass,[options],[recognizeWith,...],[requireFailure,...] [Hammer.Rotate],[Hammer.Pinch,{ enable: false },['rotate']],[Hammer.Swipe,{ direction: Hammer.DIRECTION_HORIZONTAL }],] });
set(options)
修改一个Manager实例的选项，该方法是推荐使用的，它可以在需要的时候更新touchAction的值：
mc.set({ enable: true });
get(string),add(Recognizer) 和 remove(Recognizer)
添加一个新的Recognizer实例到Manager中，添加的顺序跟识别器执行的顺序一致。get方法会返回被添加的Recognizer实例。
get和remove方法都把一个（识别器中的）事件名或识别器实例来作为一个参数。
Add 和 remove 方法也接受一个识别器数组来作为参数：
both return instance of myPinchRecognizer mc.get('pinch'); mc.get(myPinchRecognizer);
mc.add(myPinchRecognizer); returns the recognizer
mc.add([mySecondRecogizner,myThirdRecognizer]);
mc.remove(myPinchRecognizer); mc.remove('rotate'); mc.remove([myPinchRecognizer,'rotate']);
stop([force])
停止当前交互会话的识别器（Stop recognizing for the current input session）。当使用force参数时，将强制立刻停止识别器执行周期。
