安庆网站建设
 网申首页   联系我们   加入收藏

联系安庆网络公司

网站建设
服务项目
联系我们
网站: 0556-8778040
短信: 0556-5371498
商务: 18714896998
邮箱: wm218@qq.com
地址: 安庆市石化亿和商务写字楼B座309室
当前位置: 首页 > 网站建设 > 行业资讯
移动端 触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel
Loading...
1、Touch事件简介
pc上的web页面鼠 标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件,但是在移动终端如 iphone、ipod  Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件,分别对应了触屏开始、拖拽及完成触屏事件和取消。
当按下手指时,触发ontouchstart;
当移动手指时,触发ontouchmove;
当移走手指时,触发ontouchend。
当一些更高级别的事件发生的时候(如电话接入或者弹出信息)会取消当前的touch操作,即触发ontouchcancel。一般会在ontouchcancel时暂停游戏、存档等操作。

2、Touch事件与Mouse事件的出发关系
在触屏操作后,手指提起的一刹那(即发生ontouchend后),系统会判断接收到事件的element的内容是否被改变,如果内容被改变,接下来的事 件都不会触发,如果没有改变,会按照mousedown,mouseup,click的顺序触发事件。特别需要提到的是,只有再触发一个触屏事件时,才会 触发上一个事件的mouseout事件。

3、gesture事件
Gesture事件,包括手指点击(click),轻拂 (flick),双击(double-click),手指的分开、闭合(scale)、转动(rotate)等一切手指能在屏幕上做的事情,它只在有两根 或多根手指放在屏幕上的时候触发,事件处理函数中会得到一个GestureEvent类型的参数,它包含了手指的scale(两根移动过程中分开的比例) 信息和rotation(两根手指间连线转动的角度)信息。这个事件是对touch事件的更高层的封装,和touch一样,它同样包括 gesturestart,gesturechange,gestureend。
gesture事件触发过程:
Step 1、第一根手指放下,触发touchstart
Step 2、第二根手指放下,触发gesturestart
Step 3、触发第二根手指的touchstart
Step 4、立即触发gesturechange
Step 5、手指移动,持续触发gesturechange,就像鼠标在屏幕上移动的时候不停触发mousemove一样
Step 6、第二根手指提起,触发gestureend,以后将不会再触发gesturechange
Step 7、触发第二根手指的touchend
Step 8、触发touchstart!注意,多根手指在屏幕上,提起一根,会刷新一次全局touch!重新触发第一根手指的touchstart
Step 9、提起第一根手指,触发touchend
上一篇: IIS自定义扩展名映射不成功说明下一篇: 没有了
安庆百度推广,安庆百度优化,安庆百度竞价 安庆网站摧广,安庆企业建站,安庆域名注册 安庆雅虎推广,安庆网站优化 安庆服务器托管,安庆虚拟主机,安庆网站空间 安庆网站建设 安庆短信群发,安庆短信群发公司
安庆百度推广 安庆谷歌摧广 安庆雅虎推广    安庆门户网站 安庆短信群发  安庆软件开发
 
网申介绍 | 网申新闻 | 联系网申 | 安庆网站制作 | 安庆网站推广 | 安庆短信群发 | 安庆装饰工程 | 安庆广告设计 | 安庆软件开发

版权所有: © 2002-2016 安庆网申文化传媒有限公司™   公司地址:安徽省安庆市石化亿和商务写字楼B座309室 (石化医院正面向北200米)

商务合作:18714896998 在线咨询: 点击这里给我发消息 公司邮箱:wm218@qq.com 皖ICP备11013986号 www.aqsos.com网站PR查询