JS移动端手势学习

02-移动端手势学习

定义

touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。
touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。
touchend事件：当手指从屏幕上离开的时候触发。

注意：必须使用移动端模拟器！

重要属性:touches->touchlist

定义：只有在手指触摸屏幕的时候，才会有touchlist对象列表；

注意：当手指离开屏幕的时候，就没有touchlist对象列表！

touched 0：touch对象的相关属性如下：

clientX: 178
clientY: 190
force: 1
identifier: 0
pageX: 178
pageY: 190
radiusX: 11.5
radiusY: 11.5
rotationAngle: 0
screenX: 457
screenY: 359

touch对象属性中重要的属性分析

clent:可视区域的位置；
page：可视区域的位置+滚动条的距离；
screen:相对于整个屏幕的位置；

clientX: 178
clientY: 190
pageX: 178
pageY: 190
screenX: 457
screenY: 359

touch事