jquery实现相册一下滑动两次的方法


Posted in Javascript onFebruary 09, 2015

本文实例讲述了jquery实现相册一下滑动两次的方法。分享给大家供大家参考。具体实现方法如下:

var t1=null; //定义为全局变量

$('body').on('touchstart', '#gallerySlider img', function(e){
var touch = e.originalEvent,
startX = touch.changedTouches[0].pageX;
if (t1 == null){
    t1 = new Date().getTime();
}else{    
    var t2 = new Date().getTime();
    if(t2 - t1 < 500){
      t1 = t2;
      return;
    }else{
      t1 = t2;
    }
}

slider.on('touchmove',function(e){
event.stopPropagation();
touch = e.originalEvent.touches[0] ||
e.originalEvent.changedTouches[0];

if(touch.pageX - startX > 10){
slider.off('touchmove');
showPrevious();
}
else if (touch.pageX - startX < -10){
slider.off('touchmove');
showNext();
}
});
return false;
}).on('touchend',function(){
slider.off('touchmove');
});

当手指滑动开始的时候记录下时间,结束的时候在记录下时间,如果两个时间差相隔很近,就结束。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
jQuery实现表头固定效果的实例代码
May 24 Javascript
Linux下使用jq友好的打印JSON技巧分享
Nov 18 Javascript
浅析2种JavaScript继承方式
Dec 04 Javascript
javascript表单控件实例讲解
Sep 13 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
Oct 28 Javascript
vuex学习之Actions的用法详解
Aug 29 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
Apr 28 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
vue-router结合vuex实现用户权限控制功能
Nov 14 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 Javascript
js点击选择文本的方法
Feb 09 #Javascript
JS动态加载当前时间的方法
Feb 09 #Javascript
JavaScript实现Java中StringBuffer的方法
Feb 09 #Javascript
angularJS 入门基础
Feb 09 #Javascript
javascript中函数作为参数调用的方法
Feb 09 #Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 #Javascript
angularJS 中$scope方法使用指南
Feb 09 #Javascript
You might like
php array_merge下进行数组合并的代码
2008/07/22 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
微信公众号实现会员卡领取功能
2017/06/08 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
JScript中的undefined和&quot;undefined&quot;的区别
2007/03/08 Javascript
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
Python使用win32com实现的模拟浏览器功能示例
2017/07/13 Python
Python中实现switch功能实例解析
2018/01/11 Python
Python 2.7中文显示与处理方法
2018/07/16 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
Python中zip()函数的简单用法举例
2019/09/02 Python
windows10在visual studio2019下配置使用openCV4.3.0
2020/07/14 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
体育系毕业生求职自荐信
2014/04/16 职场文书
公司节能减排倡议书
2014/05/14 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
高中运动会广播稿
2014/09/16 职场文书
2014预备党员批评与自我批评思想汇报
2014/09/20 职场文书
六一儿童节新闻稿
2015/07/17 职场文书
《打电话》教学反思
2016/02/22 职场文书
使用Django实现商城验证码模块的方法
2021/06/01 Python
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers