手势库-Hammer.JS

https://www.toutiao.com/i7061891312177512999/?tt_from=mobile_qq&utm_campaign=client_share&timestamp=1644246466&app=news_article&utm_source=mobile_qq&utm_medium=toutiao_ios&use_new_style=1&req_id=202202072307460101411300292425ADEB&share_token=F9903D15-07D6-4A62-9806-DAC142682A56&group_id=7061891312177512999

Hammer 是一个精简且功能强大的手势库，它不但支持移动端的手势，对于PC端的鼠标操作也能实别

目前github的star量22.8K

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

http://hammerjs.github.io/getting-started/

github地址:https://github.com/hammerjs/hammer.js

安装
npm i hammerjs -S

// 引入手势库
import Hammer from 'hammerjs'

// 新建一个手势实例
// myElement是要监听手势的dom元素
const hammer = new Hammer(myElement);

hammer.on("panleft", function(ev) {
  console.log('左滑了')
});

hammer.on("panright", function(ev) {
  console.log('右滑了')
});

hammer.on("tap", function(ev) {
  console.log('单点击了')
});

hammer.on("doubletap", function(ev) {
  console.log('双点击了')
});

hammer.on("press", function(ev) {
  console.log('长时间按压了')
});