iQuery移动端手势事件插件-jGestures
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的更多相关文章
- 移动端手势事件 hammer.JS插件
一.引入hammer.JS 1.下载地址:http://download.csdn.net/detail/webxiaoma/9872249 2.官网地址:http ...
- jGestures: jQuery的手势事件插件
官网地址:http://jgestures.codeplex.com/文档版本号: v0.7,由neuedigitale编辑,2012年5月8日最新稳定版: jGestures v0.90 - sha ...
- H5案例分享:移动端touch事件判断滑屏手势的方向
移动端touch事件判断滑屏手势的方向 方法一 当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY: 当触发touchmove事件时,在获取此时手指的横坐标 ...
- 移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法
这两天自己在写一个手机网页,用到了触屏滑动的特效,就是往右滑动的时候左侧隐藏的菜单从左边划出来. 做完之后在手机原生浏览器中运行正常,但在QQ和微信中打开,发现touchmove只会触发一次,而且to ...
- 移动端触摸滑动插件Swiper
移动端触摸滑动插件Swiper 04/02/2015 一.了解Swiper 目前移动端项目一般都需要具有触屏焦点图的效果,如果你也需要实现这一功能的话,Swiper是一个不错的选择. 1.他不需要加载 ...
- 移动端JS事件、移动端框架
一.移动端的操作方式和PC端是不同的,移动端主要是用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件: 1.手指放到屏幕上时触发 touchstart 2.手指放在屏幕上滑动式 ...
- 新事物学习---WebApp移动端手势Hammer
花落水流红,闲愁万种,无语怨东风. Hammer介绍 Hammer库是一个移动端手势库,移动端的手势操作(比如touch,tap,拖动,滑动等等)都可以用这个库,而我们不用关心,它的底层方案具体是怎么 ...
- HTML5移动端触摸事件
一.移动端事件问题 1.click事件300ms延迟问题 2007年第一代iphone发布,移动端Safari首创双击缩放功能,原理是click一次后,经过300ms之后检测是否再有一次click,如 ...
- 基于zepto的移动端轻量级日期插件
前言 做过移动Web开发的同学都知道,移动端日期选择是很常见的需求.在PC端,我们有很丰富的选择,比较出名的就有Mobiscroll和jQuery UI Datepicker.个人看来,这些插件存在的 ...
随机推荐
- linux定时任务常用命令大全
脚本中时间戳 TIMESTAMP=`date +%Y%m%d%H%M%S`
- 为什么使用Sails?
http://sailsdoc.swift.ren/ 这里有 sails中文文档 http://www.jianshu.com/p/ac2da4142259 前言 入手Node.js半年,从用Expr ...
- Jmeter(九)压力测试
一般我们在做压力测试的时候,分单场景和混合场景,单场景也就是咱们压测单个接口的时候,多场景也就是有业务流程的情况下,比如说一个购物流程,那么这样的场景就是混合场景,就是有多个接口一起来做操作.1.单场 ...
- 脚本其实很简单-windows配置核查程序(2)
bat脚本是什么? 首先讲讲什么是命令行,在windows操作系统中,点击左下角的win图标,直接输入cmd搜索,左键点击进入命令行模式(或按键盘上的win键+r直接调出来命令行窗口). 在windo ...
- Mysql-xtrabackup 与MySQL5.7 binlog 实现数据即时点恢复
Mysql-xtrabackup 与MySQL5.7 binlog 实现数据即时点恢复 一.数据库准备 1. rpm -e mariadb-libs postfix tar xf mysql-5.7 ...
- matplotlib绘制等高线图
参考自Matplotlib Python 画图教程 (莫烦Python)(12)_演讲•公开课_科技_bilibili_哔哩哔哩 https://www.bilibili.com/video/av16 ...
- spring boot 引导
链接:https://www.zhihu.com/question/39483566/answer/243413600 Spring Boot 的优点快速开发,特别适合构建微服务系统,另外给我们封装了 ...
- IOS系统推送原理
IOS推送大致原理如下图 1.Provider:就是为指定IOS设备应用程序提供Push的服务器,(如果IOS设备的应用程序是客户端的话,那么Provider可以理解为服务端[消息的发起者]): 2. ...
- POJ - 1966 Cable TV Network (最大流求点连通度)
题意:求一个无向图的点连通度.点联通度是指,一张图最少删掉几个点使该图不连通:若本身是非连通图,则点连通度为0. 分析:无向图的点连通度可以转化为最大流解决.方法是:1.任意选择一个点作为源点:2.枚 ...
- JQuery归纳总结(增加中...)
一.this与$(this)的区别 this指向标签本身对象,而$(this)会将其封装成JQuery对象 如: $(" img").mousemove( function(e){ ...