hammerJs 快速使用---入门教程
来源:互联网 发布:iphone8知乎 编辑:程序博客网 时间:2024/06/05 15:31
hammerJs 是一个js的移动端手势监控插件,它可以实现对移动端的点击、滑动、拖动和长按等手势监控。
hammer 初始化:
基本的文档结构如所示:
<div id='hammerTest'> ……</div>
创建手势对象:var hammerTest = new Hammer(document.getElementById("hammerTest"));
为手势对象绑定事件:hammerTest.on("pan", function (el) { console.log('这里是手势响应事件');});
hammer支持的手势事件主要为以下的几种:- pan(滑动事件)
事件触发:当手指按下,并向指定方向滑动时触发(指定方向可以是:panleft、panright、panup、pandown)
- tap(点击事件)
- press(长按事件)
- pinch(缩放事件)
hammerTest.get('pinch').set({ enable: true });
- swipe(快速滑动事件)
- rotate(旋转事件)
hammerTest.get('pinch').set({ enable: true });
知道这些你就可以快速的使用hammer插件来实现你的手势监控了。
如想更深入的了解hammer的实现以及使用技巧,可关注博主。
另一种方式,你可以前往hammer官网查看官方英文文档:http://hammerjs.github.io/recognizer-rotate/
阅读全文
0 0
- hammerJs 快速使用---入门教程
- Jmeter 使用入门教程(快速入门)
- PRADO 2.0.1 快速入门教程 -- 第二章.使用PRADO编程
- PHP快速入门教程:WHILE循环的使用示例
- Thrust快速入门教程(二)——Vector的使用
- Thrust快速入门教程(二)——Vector的使用
- hammerJs-v2.0.4详解
- Hammerjs中文指引
- hammerJs-v2.0.4详解
- hammerJs-v2.0.4详解
- hammerJs-v2.0.4详解
- Subversion快速入门教程(转)
- Struts快速入门教程
- XML快速入门教程
- Subversion快速入门教程
- Maven2快速入门教程
- Subversion快速入门教程
- Subversion快速入门教程
- Java IOC和AOP解析
- 数位dp--cf96e Horse races
- swagger快速开发
- java中的this关键字
- 图片转成base64的字符串, 如何让图片在html中显示
- hammerJs 快速使用---入门教程
- [HackerRank 101 Hack 51] Small Cubes
- PostgreSQL 10 Beta 3 发布,和对所有受支持版本的安全修复
- leetcode 334. Increasing Triplet(三连) Subsequence
- Miller Rabbin 大素数测试
- SpringMVC异常处理使用@ControllerAdvice注释
- 移动端关于点击输入框,因字体变化,导致布局变形的问题
- 极客学院 Mybatis 与 Spring3 集成 完整applicationContext.xml
- window.getComputedStyle