hammer.js手势库使用

hammer.js是一款移动端手势库组件,支持pan(拖动)、swipe(滑动)、tap(轻触)、press(按压,即长按)、doubletap(双击)等很多手势操作,提供比较完善的事件监听机制,但是使用的时候遇到很多事件官方默认没有开启,比如想要同时使用单击、双击、按压事件,必须设置如下:

var hammer = new Hammer.Manager(document.getElementById("swiper-wrapper"));
hammer.add( new Hammer.Tap({ event: 'doubletap', taps: 2 }) );
hammer.add( new Hammer.Tap({ event: 'singletap' }) );
hammer.add( new Hammer.Press({ event: 'press' }) );
hammer.get('doubletap').recognizeWith('singletap');
hammer.get('singletap').requireFailure('doubletap');
hammer.get('press').set({enable: true });
hammer.on('doubletap', function(ev) {  //双击
     deviceone.print(ev.type);
}).on('singletap', function(ev) { //单击
     //do_App.closePage();
     deviceone.print(ev.type);
}).on("press",function(ev){   //长按
     //do_Page.fire("showTool",{"index":index,"url":images[index].source,"isshow": true});
     deviceone.print(ev.type);
});

ev是事件对象,包含很多属性,具体点击官网查看。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏疯狂的小程序

微信小程序如何获取组件实际高度

viewscroll-view scroll-x scroll-with-animation scroll-left="{{menuIndex}}" style...

56510
来自专栏DannyHoo的专栏

UILabel加载html文本

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

812
来自专栏向治洪

Android SlidingMenu 侧拉菜单的使用(详细配置)

SlidingMenu作为最常用到的几个开源项目之一,最初,这个是在IOS上有的,之后被应用到了android上,在google自己原生态的侧拉菜单Naviga...

3577
来自专栏编程坑太多

RN组件库-别考虑了关注收藏吧

1774
来自专栏哈雷彗星撞地球

iOS 中隐藏UITableView最后一条分隔线

如何优雅的隐藏UITableView中最后一条分割线? 这个问题是很常见,却又不太容易解决的。 可能通常的做法都是隐藏UITableView的分割线,自定义...

552
来自专栏菩提树下的杨过

ExtJs学习笔记(10)_Window窗口的Border布局

以下源自ExtJs的官方示例,稍加注释而已 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...

1797
来自专栏移动开发

TableLayout实现均匀布局(条目横向1:1排列)

像下面的布局效果,我们经常使用LinearLayout实现,其实也可以使用TableLayout去简单的实现

753
来自专栏DannyHoo的专栏

两步设置状态栏字体颜色

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

691
来自专栏小樱的经验随笔

【批处理学习笔记】第二十七课:视窗

    首先我们要DIY它的窗口。使用命令:color、mode、msg。     --1、设置窗口背景色和字体颜色by color。详细内容参见color /...

2548
来自专栏lgp20151222

bootstrap的模态框

431

扫码关注云+社区