移动端的touch事件

移动端的touch事件

1. touchstart:当手指触摸屏幕时触发。

2. touchmove:当手指在屏幕上滑动时连续触发。

3. touchcancel:当系统停止跟踪触摸时触发。

4. 上述事件都会冒泡，也都可以取消。

5. 每个触摸事件的event对象都提供了在鼠标事件中常见的属性bubbles、cancleable、view、clientX、clientY、screenX、screenY等。

每个touch事件包含三个触摸列表：

1. touches：当前跟踪的触摸操作的touch对象的数组（即当前屏幕上的所有手指动作的列表）。

2. targetTouches：特定于事件目标的Touch对象的数组（即当前DOM元素上的手指动作的列表）。

3. changeTouches：自上次触摸以来发生哪些改变的Touch对象的数组（即当前事件的手指动作的列表）。

4. 每个touch对象包含的属性：

5. clientX：触摸目标在视口中的x坐标。

6. clientY：触摸目标在视口中的y坐标。

7. pageX：触摸目标在页面中的x坐标。

8. pageY：触摸目标在页面中的y坐标。

9. screenX：触摸目标在屏幕中的x坐标。

10. screenY：触摸目标在屏幕中的y坐标。

11. identifier：标识触摸的唯一ID。

12. target：触摸的DOM节点目标。