专栏首页西安-晁州hammer.js手势库使用

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

相关文章

  • jenkins学习之自动打包构建nodejs应用

    上一节记录了下jenkins在centos下的安装,这节继续,说下怎么使用jenkins和nodejs进行自动打包更新服务。 创建任务 创建任务比较简单,这里我...

    用户1141560
  • webpack学习之入门实例

    webpack:前端打包神器,目前活跃度甚至超过了gulp、grunt等,使用webpack打包,简单快速,下面记录下webpack环境搭建以及基本使用: 1、...

    用户1141560
  • nodejs常用npm包

    express常用npm包整理如下 art-template  一款js模板引擎,性能不错 jayson       一款纯node的rpc应用包,可实现rpc...

    用户1141560
  • Bitcoin Core冷钱包教程

    最近比特币又来了一波小行情,突破8700美金,很多新人又想上车了,但我要多提醒一句:

    申龙斌
  • 微信小程序开发思考总结——腾讯“信用卡还款”项目实践

    小程序概述 昨天晚上,微信团队对外宣布,微信小程序开放公测。开发者可登陆微信公众平台申请,开发完成后可以提交审核,公测期间咱不能发布。 我们前一段时间也进行了小...

    腾讯Bugly
  • 开发中我们需要遵循的几个设计原则!

    在软件开发中,前人对软件系统的设计和开发总结了一些原则和模式, 不管用什么语言做开发,都将对我们系统设计和开发提供指导意义。本文主要将总结这些常见的原则和具体阐...

    Java后端技术
  • 自动售货机软件系统开发

    自动售货机是一种全新的商业零售形式,从自动售货机的发展趋势来看,他的出现是技术科技向人力转变的产物,随着科技的发展及人们的生活水平提高,自动售货机市场越来越呈现...

    北京锐智互动
  • 我们在开发中需要遵循的几个设计原则!

    在软件开发中,前人对软件系统的设计和开发总结了一些原则和模式, 不管用什么语言做开发,都将对我们系统设计和开发提供指导意义。本文主要将总结这些常见的原则和具体阐...

    用户5224393
  • Java描述设计模式(12):外观模式

    知了一笑
  • 软件开发中的原则

    一个对象应该只包含单一的职责,并且该职责被完整地封装在一个类中。(Every object should have a single responsibilit...

    lyb-geek

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动