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. 【云安全与同态加密_调研分析(2)】国外云安全标准建议组织——By Me

    国际上比较有影响力的云安全组织: ◆2. 国外云安全标准建议组织(云安全建议白皮书)◆ ◆云安全标准建议组织(主要的)◆ ◆标准建议组织介绍◆ ◆相关建议白皮书制定◆ ◆建立的相关模型参考◆ ◆备注( ...

  2. @JsonFormat与@DateTimeFormat注解的使用

    背景:从数据库获取时间传到前端进行展示的时候,我们有时候可能无法得到一个满意的时间格式的时间日期,在数据库中显示的是正确的时间格式,获取出来却变成了很丑的时间戳,@JsonFormat注解很好的解决了 ...

  3. mysql 系统变量和session变量

    mysql系统变量包括全局变量(global)和会话变量(session),global变量对所有session生效,session变量包括global变量.mysql调优必然会涉及这些系统变量的调整 ...

  4. hdu 1569 &1565 (二分图带权最大独立集 - 最小割应用)

    要选出一些点,这些点之间没有相邻边且要求权值之和最大,求这个权值 分析:二分图带权最大独立集. 用最大流最小割定理求解.其建图思路是:将所有格点编号,奇数视作X部,偶数视作Y部,建立源点S和汇点T, ...

  5. Winter-1-E Let the Balloon Rise 解题报告及测试数据

    Time Limit:1000MS     Memory Limit:32768KB Description Contest time again! How excited it is to see ...

  6. spark examples 导入idea并测试

    记录下自己使用idea导入spark examples项目的过程. spark examples 项目可以给我们提供很多有益的参考,经常看看这些代码有助于提高我们写scala代码的水平. 只导入spa ...

  7. scala drools and map

    需求,安全检查,例如Linux系统,用户安全检查,配置项检查等,这些检查的规则在Drools里面去实现,数据传送过来即可, 问题:如何定义数据结构,不同的检查项会有不同的数据结构,如何规范呢? 思路: ...

  8. JQueryEasyUI easyui-combobox 单击文本区域显示下拉菜单

    //单击内容框弹出下拉菜单 $(".combo").click(function (e) { if (e.target.className == 'combo-text valid ...

  9. 如何做好Web接口测试

    说说我在测试接口时遇到的一些需要注意的点: 1.接口返回:数据格式是否与预期一致.例如:要求返回json格式的数据,json数据的key命名是否正确,对应的value是否与数据库一致.需要转换的数据是 ...

  10. pom.xml文件报错:web.xml is missing and <failOnMissingWebXml> is set to true

    这个错误原因是因为项目无法加载到web.xml,所以需要配置web项目的目录.具体解决,配置步骤如下: 1.右键项目属性,配置项目目录  /src/main/webapp,如果没有,新增一条 2.配置 ...