Hammer.js的使用

https://www.jianshu/p/0b0b9364f967

1.1. tap
在指定的 DOM 区域内，一个手指轻拍或点击时触发该事件（类似 PC 端的 click），该事件最大点击时间为 250ms，如果超过 250ms 则按 press 事件处理

1.2. press
在指定的 DOM 区域内，这个事件相当于 PC 端的 Click 事件，不能包含任何的移动，最小按压时间为 500ms，常用于我们在手机上用的复制粘贴等功能

该事件事分别对以下事件进行监听并处理

pressup: 点击事件离开时触发
1.3. pan
在指定的 DOM 区域内，一个手指放下并移动事件，即触屏中的拖动事件

该事件事分别对以下事件进行监听并处理

panstart: 拖动开始
panmove: 拖动过程
panend: 拖动结束
pancancel: 拖动取消
panleft: 向左拖动
panright: 向右拖动
panup: 向上拖动
pandown: 向下拖动
1.4. swipe
在指定的 DOM 区域内，一个手指快速的在触屏上滑动，即平时用到最多的滑动事件

该事件事分别对以下事件进行监听并处理

swipeleft: 向左滑动
swiperight: 向右滑动
swipeup: 向上滑动
swipedown: 向下滑动
1.5. pinch
在指定的 DOM 区域内，两个手指（默认为两个手指，多指触控需要单独设置）或多个手指相对（越来越近）移动或相向（越来越远）移动时事件

该事件事分别对以下事件进行监听并处理

pinchstart: 多点触控开始
pinchmove: 多点触控过程
pinchend: 多点触控结束
pinchcancel: 多点触控取消
pinchin: 多点触控时两手指越来越近
pinchout: 多点触控时两手指越来越远
1.6. rotate
在指定的 DOM 区域内，当两个手指或更多手指呈圆型旋转时触发

该事件事分别对以下事件进行监听并处理

rotatestart: 旋转开始
rotatemove: 旋转过程
rotateend: 旋转结束
rotatecancel: 旋转取消
2. 安装
NPM：npm install --save hammer.js
CDN：https://cdnjs/libraries/hammer.js/