html5触屏滑动事件,HTML5的touch事件详解

原标题：HTML5的touch事件详解

HTML5中新添加了很多事件，比较常看到的是touch事件，下面来详解下html5中的触摸touch事件。

touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发touchend：触摸结束的时候触发

每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点(用来实现多点触控)

touches：当前位于屏幕上的所有手指的列表。targetTouches：位于当前DOM元素上手指的列表。changedTouches：涉及当前事件手指的列表。

每个触摸点由包含了如下触摸信息(常用)：

identifier：一个数值，唯一标识触摸会话(touch session)中的当前手指。一般为从0开始的流水号(android4.1，uc)target：DOM元素，是动作所针对的目标。pageX/pageX/clientX/clientY/screenX/screenY：一个数值，动作在屏幕上发生的位置(page包含滚动距离,client不包含滚动距离，screen则以屏幕为基准)。

责任编辑：