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 相关文章推荐
一个cssQuery对象 javascript脚本实现代码
Jul 21 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
js实现div层缓慢收缩与展开的方法
May 11 Javascript
文字垂直滚动之javascript代码
Jul 29 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
批量下载对路网图片并生成html的实现方法
Jun 07 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
详解webpack模块加载器兼打包工具
Sep 11 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语法速查表
2006/12/06 PHP
PHP parse_url 一个好用的函数
2009/10/03 PHP
php图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)
2010/12/02 PHP
php可生成缩略图的文件上传类实例
2014/12/17 PHP
PHP变量赋值、代入给JavaScript中的变量
2015/06/29 PHP
浅谈php中的循环while、do...while、for、foreach四种循环
2016/11/05 PHP
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
2017/10/27 Javascript
原生JS实现简单的倒计时功能示例
2018/08/30 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
C#返回当前系统所有可用驱动器符号的方法
2015/04/18 Python
Python爬取国外天气预报网站的方法
2015/07/10 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
基于python时间处理方法(详解)
2017/08/14 Python
Python之dict(或对象)与json之间的互相转化实例
2018/06/05 Python
Django实现文件上传下载功能
2019/10/06 Python
The Hut德国站点:时装、家居用品、美容等
2016/09/23 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
业务副厂长岗位职责
2014/01/03 职场文书
优秀少先队员主要事迹材料
2014/05/28 职场文书
文明单位汇报材料
2014/12/24 职场文书
2015年“7.11”世界人口日宣传活动方案
2015/05/06 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis
idea以任意顺序debug多线程程序的具体用法
2021/08/30 Java/Android
Python通用验证码识别OCR库ddddocr的安装使用教程
2022/07/07 Python