hammer.js学习

Posted 逗比煎饼侠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了hammer.js学习相关的知识,希望对你有一定的参考价值。

demo:https://github.com/fei1314/HammerJs/tree/master

知识点:

hammer——手势识别:点击、长按、滑动、拖动、旋转、缩放

方法:
tap     快速的(250ms)按下、抬起     点击(start+end)
press   按住(没抬起)超出251ms       按住(start=>超过250ms)

swipe   快速滑动
pan     按住拖动

pinch、rotate

用法:
let hammer=new Hammer(oDiv);

hammer.on(‘tap‘, ev=>{
  
});

更多用法见官网:http://hammerjs.github.io/getting-started/

 

以上是关于hammer.js学习的主要内容,如果未能解决你的问题,请参考以下文章

Hammer.js分析——manager.js

使用jquery.hammer.js时如何返回X和Y坐标

使用 Hammer.js 捏缩放

利用轮播原理结合hammer.js实现简洁的滑屏功能

ngFor 与 Angular 7 中的 Hammer JS 滑动功能

使用 Hammer.js 时移动 Safari 崩溃