jquery 判断手势滑动方向(上下左右)
2016-08-09 17:05
501 查看
$('body').on('click', '.placeholder img', function(e) { //touchstart在你之前发生,不管些什么,都先执行下面的 }); $('body').on('touchstart', '#gallerySlider img', function(e) { var touch = e.originalEvent, startX = touch.changedTouches[0].pageX; startY = touch.changedTouches[0].pageY; slider.on('touchmove', function(e) { e.preventDefault(); touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; if (touch.pageX - startX > 10) { console.log("右划"); slider.off('touchmove'); showPrevious(); } else if (touch.pageX - startX < -10) { console.log("左划"); slider.off('touchmove'); showNext(); }; if (touch.pageY - startY > 10) { console.log("下划"); } else if (touch.pageY - startY < -10) { console.log("上划"); }; }); // Return false to prevent image // highlighting on Android return false; }).on('touchend', function() { slider.off('touchmove'); });
相关文章推荐
- jQuery中的checkbox问题
- jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
- jQuery Ajax用法详解
- 手机wap端注册jQuery Ajax调用API接口
- jQuery的$.get和$.ajax函数对比
- jQuery中Select属性/动态添加/事件
- jQuery操作input值的各种方法总结
- jQuery UI使用总结
- $(" ").serializeArray() 序列化表单
- Jquery1
- $.each()用法实例总结
- jQuery对象与DOM对象之间的转换方法
- jQuery – 鼠标经过(hover)事件的延时处理
- jquery为a标签添加和移除onclick事件
- Jquery template.js 和 jquery.tmpl.js 的序号使用小结
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- 一个非常棒的jQuery 评分插件
- jquery常用技巧及常用方法列表
- 无刷新提交表单(php+jquery+ajax+json的一个最简单实例 )
- 10个超棒jQuery表单操作代码片段