jGestures下载


jGestures事件简介


orientationchange

代表设备顺时针或者逆时针旋转.此事件可以被设备触发,可能使用的是重力传感器.

pinch

缩放手势(两个手指在屏幕上的相对运动)

rotate

旋转手势(两个手指顺时针或者逆时针旋转)

swipemove

在正在滑动时触发(在设备屏幕上移动手指,比如:拖动)

swipeone

单点滑动手势,滑动完成后触发(一个手指在屏幕上移动)

swipetwo

两点滑动(两个手指在屏幕上方向一致的滑动)

swipethree

三点滑动(三个手指在屏幕上方向一致的滑动)

swipefour

四点滑动(四个手指在屏幕上方向一致的滑动)

swipeup

向上滑动,在严格的向上滑动手势完成后触发

swiperightup

向右上角滑动,在向右且向上的滑动手势完成后触发

swiperight

向右滑动,在严格的向右滑动手势完成后触发

swiperightdown

向右下角滑动,在向右且向下的滑动手势完成后触发

swipedown

向下滑动,在严格的向下滑动手势完成后触发

swipeleftdown

向左下角滑动,在向左且向下的滑动手势完成后触发

swipeleft

向左滑动,在严格的向左滑动手势完成后触发

swipeleftup

向左上角滑动,在向左且向上的滑动手势完成后触发

tapone

在单个手指轻点的手势后触发

taptwo

在两个手指一起轻点的手势后触发

tapthree

在三个手指一起轻点的手势后触发

pinchopen

撑开手势,当两个手指撑大并离开设备时触发.

pinchclose

捏紧手势,当两个手指捏紧并离开设备时触发.

rotatecw

两个手指顺时针旋转并且离开屏幕时触发(two fingers rotating clockwise)

rotateccw

两个手指逆时针旋转并且离开屏幕时触发 (two fingers rotating counterclockwise)

shake

当检测到设备正在摇晃时触发

shakefrontback

当检测到摇晃动作,且可以被解读为前后移动之时触发.

shakeleftright

当检测到摇晃动作,且可以被解读为左右移动之时触发.

shakeupdown

当检测到摇晃动作,且可以被解读为上下移动之时触发.

使用示例


$(window).bind('shakeupdown',function(event_,data_){
alert('shake: '+ data_.description)
})

注意:当页面有滚动条的时候,swipe的up,down,left,right可能会不触发!事件会被滚动事件覆盖掉!

iQuery移动端手势事件插件-jGestures的更多相关文章

  1. 移动端手势事件 hammer.JS插件

                      一.引入hammer.JS 1.下载地址:http://download.csdn.net/detail/webxiaoma/9872249 2.官网地址:http ...

  2. jGestures: jQuery的手势事件插件

    官网地址:http://jgestures.codeplex.com/文档版本号: v0.7,由neuedigitale编辑,2012年5月8日最新稳定版: jGestures v0.90 - sha ...

  3. H5案例分享:移动端touch事件判断滑屏手势的方向

    移动端touch事件判断滑屏手势的方向 方法一 当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY: 当触发touchmove事件时,在获取此时手指的横坐标 ...

  4. 移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法

    这两天自己在写一个手机网页,用到了触屏滑动的特效,就是往右滑动的时候左侧隐藏的菜单从左边划出来. 做完之后在手机原生浏览器中运行正常,但在QQ和微信中打开,发现touchmove只会触发一次,而且to ...

  5. 移动端触摸滑动插件Swiper

    移动端触摸滑动插件Swiper 04/02/2015 一.了解Swiper 目前移动端项目一般都需要具有触屏焦点图的效果,如果你也需要实现这一功能的话,Swiper是一个不错的选择. 1.他不需要加载 ...

  6. 移动端JS事件、移动端框架

    一.移动端的操作方式和PC端是不同的,移动端主要是用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件: 1.手指放到屏幕上时触发   touchstart 2.手指放在屏幕上滑动式 ...

  7. 新事物学习---WebApp移动端手势Hammer

    花落水流红,闲愁万种,无语怨东风. Hammer介绍 Hammer库是一个移动端手势库,移动端的手势操作(比如touch,tap,拖动,滑动等等)都可以用这个库,而我们不用关心,它的底层方案具体是怎么 ...

  8. HTML5移动端触摸事件

    一.移动端事件问题 1.click事件300ms延迟问题 2007年第一代iphone发布,移动端Safari首创双击缩放功能,原理是click一次后,经过300ms之后检测是否再有一次click,如 ...

  9. 基于zepto的移动端轻量级日期插件

    前言 做过移动Web开发的同学都知道,移动端日期选择是很常见的需求.在PC端,我们有很丰富的选择,比较出名的就有Mobiscroll和jQuery UI Datepicker.个人看来,这些插件存在的 ...

随机推荐

  1. django组件之ContentType

    ContentTyep组件: 帮助我们关联所有数据库的表 帮助我们反向查询关联数据表中的所有策略信息 GenericForeignkey(帮助我们快速插入数据) GenericRelation(用于反 ...

  2. 浅析Android View(二)

    深入理解Android View(一) View的位置參数信息 二.View的绘制过程 View的绘制过程一共分为三个部分: - measure(測量View的大小) - layout(确定View的 ...

  3. Sping-Spring JDBC框架

    JDBC框架概述 在使用普通的JDBC数据库时,就会很麻烦的写不必要的代码来处理异常,打开和关闭数据库连接等.但Spring JDBC框架负责所有的底层细节,从开始打开连接,准备和执行SQL语句,处理 ...

  4. SharePoint 2013 附加内容数据库后出现404错误

    本文讲述怎样解决SharePoint 2013 加内容数据库(Content DataBase)后出现404错误. 笔者依照http://technet.microsoft.com/en-us/lib ...

  5. UVA Team Queue

    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/u013840081/article/details/26180081 题目例如以下: Team Qu ...

  6. python logging模块介绍

    1.日志级别 日志一共分成5个等级,从低到高分别是:DEBUG INFO WARNING ERROR CRITICAL. DEBUG:详细的信息,通常只出现在诊断问题上 INFO:确认一切按预期运行 ...

  7. 读取、设置 php.ini配置文件(复制)

    1.ini_get()获取配置参数,ini_set()设置配置参数 复制代码 代码如下: <?phpecho ini_get('display_errors'); //1//动态修改php.in ...

  8. PL/SQL编程—函数

    SQL> select * from mytest; ID NAME PASSWD SALARY ----- -------------------- -------------------- ...

  9. Winter-1-B Sum 解题报告及测试数据

    Time Limit:500MS Memory Limit:32768KB Description ​Hey, welcome to HDOJ(Hangzhou Dianzi University O ...

  10. oracle 将当前系统时间戳插入timestamp字段

    oracle 将当前系统时间戳插入timestamp字段 --insert records 精确到秒:insert into userlogin_his(usrname,logintime) valu ...