zoukankan      html  css  js  c++  java
  • 移动事件

    http://www.byywee.com/page/M0/S919/919762.html

    移动端 触摸事务 ontouchstart、ontouchmove、ontouchend、ontouchcancel


    Admin
    2013年11月20日

    名人名言:假如青春是一种缺陷的话,那也是我们太快就会失去的缺陷。——洛威尔 

    起原 http://hi.baidu.com/study_sweet/item/fc6ac732a216dd8db711dba5


    1、Touch事务简介
    pc上的web页面鼠 标会产生onmousedown、onmouseup、onmou搜刮引擎优化ut、onmou搜刮引擎优化ver、onmousemove的事务,然则在移动终端如 iphone、ipod  Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事务,分别对应了触屏开端、拖拽及完成触屏事务和作废。
    当按下手指时,触发ontouchstart;
    当移下手指时,触发ontouchmove;
    当移走手指时,触发ontouchend。
    当一些更高等此外事务产生的时辰(如德律风接入或者弹出信息)会作废当前的touch操纵,即触发ontouchcancel。一般会在ontouchcancel时暂停游戏、存档等操纵。

    2、Touch事务与Mouse事务的出发关系
    在触屏操纵后,手指提起的一刹那(即产生ontouchend后),体系会断定接管到事务的element的内容是否被改变,若是内容被改变,接下来的事 件都不会触发,若是没有改变,会遵守mousedown,mouseup,click的次序触发事务。希罕须要提到的是,只有再触发一个触屏事务时,才会 触发上一个事务的mou搜刮引擎优化ut事务。

    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

  • 相关阅读:
    idea报错:error java compilation failed internal java compiler error
    idea怎么设置自己的名字和时间
    linux安装mvn后提示权限不够
    【转】java.util.Arrays.asList 的用法
    String... 用法
    zk 起别名时候碰到的问题
    集群配置 出现 “没有到主机的路由”
    修改linux的hosts 后提示“无效的参数”
    概念理解系列-------------贴近生活的奇葩解释模式
    org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'supplierAction': Injection of resource dependencies failed; nested exception is org.springframework.beans.factor
  • 原文地址:https://www.cnblogs.com/daishuguang/p/3667044.html
Copyright © 2011-2022 走看看