一: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那就是说,里面肯定有一些地方不相同暂时还没有找到,如下图所示:
下面是一些被触摸位置的一些重要属性: