白羽
2018-08-13
来源 :网络
阅读 1246
评论 0
摘要:本文将带你了解WEBAPP开发之webapp开发相关jquery手势事件之jGestures,希望本文对大家学WEBAPP有所帮助。
本文将带你了解WEBAPP开发之webapp开发相关jquery手势事件之jGestures,希望本文对大家学WEBAPP有所帮助。
手机开发中,除了我们平时用的jquery基本事件之外,还有很多手势,今天介绍一款jquery手势插件jGestures,地址是://jgestures.codeplex.com/
这个插件的强大之处在于它可以监听以下事件'pinch'(缩放手势),'rotate'(旋转手势),'swipe'(滑动手势),'tap'(轻触)以及'orientationchange'(改变设备方向)。等等,有了这个插件,手机web开发就更加方便了。
事件简介
orientationchange代表设备顺时针或者逆时针旋转.此事件可以被设备触发,可能使用的是重力传感器.
pinch缩放手势(两个手指在屏幕上的相对运动)
rotate旋转手势(两个手指顺时针或者逆时针旋转)
swipemove在正在滑动时触发(在设备屏幕上移动手指,比如:拖动)
swipeone单点滑动手势,滑动完成后触发(一个手指在屏幕上移动)
swipetwo两点滑动(两个手指在屏幕上方向一致的滑动)
swipethree三点滑动(三个手指在屏幕上方向一致的滑动)
swipefour四点滑动(四个手指在屏幕上方向一致的滑动)
swipeup向上滑动,在严格的向上滑动手势完成后触发
swiperightup向右上角滑动,在向右且向上的滑动手势完成后触发
swiperight向右滑动,在严格的向右滑动手势完成后触发
swiperightdown向右下角滑动,在向右且向下的滑动手势完成后触发
swipedown向下滑动,在严格的向下滑动手势完成后触发
swipeleftdown向左下角滑动,在向左且向下的滑动手势完成后触发
swipeleft向左滑动,在严格的向左滑动手势完成后触发
swipeleftup向左上角滑动,在向左且向上的滑动手势完成后触发
tapone在单个手指轻点的手势后触发
taptwo在两个手指一起轻点的手势后触发
tapthree在三个手指一起轻点的手势后触发
pinchopen撑开手势,当两个手指撑大并离开设备时触发.
pinchclose捏紧手势,当两个手指捏紧并离开设备时触发.
rotatecw两个手指顺时针旋转并且离开屏幕时触发(twofingersrotatingclockwise)
rotateccw两个手指逆时针旋转并且离开屏幕时触发(twofingersrotatingcounterclockwise)
shake当检测到设备正在摇晃时触发
shakefrontback当检测到摇晃动作,且可以被解读为前后移动之时触发.
shakeleftright当检测到摇晃动作,且可以被解读为左右移动之时触发.
shakeupdown当检测到摇晃动作,且可以被解读为上下移动之时触发.
当页面有滚动条的时候,swipe的up,down,left,right可能会不触发!事件会被滚动事件覆盖掉!
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道!
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了

请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号