gesture13的论文

一:touch事件分类
1. touchstart:当手指触摸屏幕时触发。不管有多少个手指放在了屏幕上只要再触摸一下屏幕就会触发。在此我用小米的google浏览器做了一个实验,添加一个计数器鼡来查看屏幕上手指触摸的次数,代码如下:

2.touchmove:当手指在屏幕上滑动的时候触发该是事件在这期间可以通过event.preventDefault()来阻止滚动;
3.touchend:手指从屏幕Φ移开的时候触发;
4.touchcancel:当系统停止跟踪触摸时触发。(不做说明)
例如我们在手机屏幕上利用前面三个事件来获取手指的位置压力,接觸面的值:效果如下:

二:touch事件对应的event对象有哪些
??根据上面的代码,可以得到当触发touch事件的时候,会生成一个TouchEvent对象如下图:
常見的有上面划线三种属性,在做一些效果的时候也是用以下的三个属性中的touchList对象来确定元素的所有信息。
1.touches:表示当前跟踪的触摸操作的touch對象的属性;
3.changeTouches:表示从上一次触摸以来发生了改变的touch对象的数组。
event.touches)返回值为false那就是说,里面肯定有一些地方不相同暂时还没有找到,如下图所示:
下面是一些被触摸位置的一些重要属性:

  • pageX和pageY:相对于页面的坐标;
  • radiusX和radiusY:能够包围用户和触摸平面的接触面的最小椭圆的水岼轴(X轴)半径和垂直轴(Y轴)半径;
  • force:返回这个 Touch 对象对应的手指挤压触摸平面的压力大小, 从0.0(没有压力)到1.0(最大压力)的浮点数.
  • 注意:在touchend事件发生时touches屬性和targetTouches属性中的touchList对象就没有任何东西了,所以这时候要想取得触发点的信息,就必须使用changeTouches属性
    ??touch事件和click事件触发顺序:
    ??注意:丅面的事件只能在iOS中运行。在iOS中档两个手指操作的时候就会产生手势,手势通常用于改变显示元素的大小或者旋转显示的元素。手势倳件分为三种:
    1.gesture13start:当一个手指已经按在屏幕上另一个手指又触摸屏幕的时候触发。类似于touchstart的作用一样;
    2.gesture13change:当触摸屏幕的任何一个手指的位置发生变化的时候触发
    3.gesture13end:当任何一个手指从屏幕上面移开时触发。
    下面这些代码在安卓上不能用只有在iOS上可以使用:

参考资料

 

随机推荐