hammer.js
2015-12-23 10:07
561 查看
转自:http://www.jq22.com/jquery-info552
<script src="http://eightmedia.github.com/hammer.js/hammer.js"></script> // 先要对监听的DOM进行一些初始化 var hammer = new Hammer(document.getElementById("container")); // 然后加入相应的回调函数即可 hammer.ondragstart = function(ev) { }; // 开始拖动 hammer.ondrag = function(ev) { }; // 拖动中 hammer.ondragend = function(ev) { }; // 拖动结束 hammer.onswipe = function(ev) { }; // 滑动 hammer.ontap = function(ev) { }; // 单击 hammer.ondoubletap = function(ev) { }; //双击 hammer.onhold = function(ev) { }; // 长按 hammer.ontransformstart = function(ev) { }; // 双指收张开始 hammer.ontransform = function(ev) { }; // 双指收张中 hammer.ontransformend = function(ev) { }; // 双指收张结束 hammer.onrelease = function(ev) { }; // 手指离开屏幕
还支持jQuery插件的形式调用
<script src="http://eightmedia.github.com/hammer.js/jquery.hammer.js"></script> $("#element") .hammer({ // 对DOM进行一些初始化,这里可以加入一些参数 }) .bind("tap", function(ev) { console.log(ev); });
相关文章推荐
- JavaScript操作数字的时候一些注意事项
- Django 如何将model对象转json数据
- 从URL中移除JSESSIONID
- JavaScript代码性能优化总结
- js实现图片无缝滚动
- 这里有个坑---js日期格式yyyy-MM-dd与yyyy/MM/dd
- javaScript笔记
- 使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧
- js判断文本框输入的内容是否为数字
- javascript新闻跑马灯实例代码
- LazyLaod.js用法
- JavaScript模块化开发1
- JavaScript闭包
- js内置对象
- 说说JSON和JSONP,也许你会豁然开朗
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- Javascript实现图片的预加载的完整实现
- Grails render as JSON输出关联对象各项属性配置
- js实现正则匹配中文标点符号的方法
- 分享JavaScript与Java中MD5使用两个例子