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 条评论
登录 后参与评论

相关文章

来自专栏菩提树下的杨过

用Design+Blend轻松制作环形文字

先看效果图: ? 步骤: 1.先启动Microsoft Expression Design 3 a.画一个正圆,再随便打几个字,同时选中文字和圆 b.选择菜单栏...

17110
来自专栏前端小叙

小程序实现textarea随输入的文字行数变化高度自动增加

参考链接:https://blog.csdn.net/liuwengai/article/details/78987957

1182
来自专栏糊一笑

移动端APP列表点透事件处理方法

关于点透事件这里不再赘述,如果不清楚的可以上网搜一搜,或者看小火柴的这篇文章。 这里是自己在做移动端时,在列表滑动的时候,遇到的点透问题。出现这个问题的来由是因...

3415
来自专栏Jerry的SAP技术分享

巧用代理设计模式(Proxy Design Pattern)改善前端图片加载体验

这篇文章介绍一种使用代理设计模式(Proxy Design Pattern)的方法来改善您的前端应用里图片加载的体验。

894
来自专栏一“技”之长

Xcode关于警告AutomaticPreferredMaxLayoutWidth的消除方法

     在iOS开发中,如果使用到了storyboard与xib文件并且使用autolayout进行自动布局,有时会报出Automatic Preferred...

383
来自专栏wOw的Android小站

[Android] 关于系统工具栏和全屏沉浸模式

关于System Bars,之前写过几篇相关的文章:(链接等我把博客迁移好之后补上)

572
来自专栏美丽应用

为安卓Chrome加入自定义手势控制

3303
来自专栏施炯的IoT开发专栏

【OneNote Mobile】 如何处理便签内容的格式?

利用Windows Phone 7手机的OneNote Mobile,用户可以随时以文字、图片或者录音来记录灵感,并通过Windows Live SkyDriv...

3207
来自专栏编程微刊

前端js实现打印(导出)excel表格

1342
来自专栏青枫的专栏

适配器类(便利类)的由来:当你自己写的类中想用某个接口中个别方法的时候(注意:不是所有的方法),肿么办?

组件:组件就是对象。 容器组件:是可以存储基本组件和容器组件的组件。 基本组件:是可以使用的组件,但必须依赖容器组件。 注意: 由于Compone...

572

扫码关注云+社区