HTML5添加了许多新的事件，但由于其兼容性不是很理想，实际应用不太强，所以在这里我们只分享不应用广泛兼容的事件之后的几天，兼容性好，升级逐渐增加份额后，介绍了今天的活动主要是触摸事件：touchstart，touchmove和touchend。

最初的触摸事件touchstart，touchmove，和touchend是iOS Safari浏览器的一些新的信息传达给开发商。因为iOS设备没有鼠标和键盘，因此不足以使用PC的鼠标和键盘事件，当开发移动Safari浏览器交互的Web页。

当iPhone 3GS发布自己的移动Safari浏览器提供的触摸相关的一些新的项目（触摸）操作。然后，同样的事件是由Android的浏览器实现。触摸事件（触摸）开始，当用户的手指放在屏幕上，在屏幕上滑动，或从屏幕。以下详情如下：

touchstart事件：当手指触摸屏幕时，它会触发即使一个手指放在屏幕上。

touchmove事件：连续触发时触发手指滑动屏幕上。在这种情况下，调用preventDefault（）事件可以防止滚动。

touchend事件：触发时，手指离开屏幕。

touchcancel事件触发时，系统停止跟踪联系。事件的确切发车时间是文档中没有指定，所以我们只能猜测。

上述事件冒泡，可以取消。虽然这些触摸事件不在DOM规范中定义的，他们是在一个DOM兼容的方式实现的。因此，每一个触摸事件的事件对象提供了实践中常见的属性：鼠标（型发泡泡沫事件）与可撤销（preventDefault方法（是否）可以取消与事件关联的默认行为）、ClientX（当事件被触发时，鼠标指针坐标，clienty（水平）返回的事件触发时，鼠标指针（用ScreenX）垂直坐标，当一个事件被触发时，鼠标指针水平坐标）和Screeny（当一个事件被触发时，鼠标指针坐标）。此外To常见的DOM属性，触摸事件包括以下三个跟踪触摸的属性。


触摸：一系列触摸对象，用于当前正在跟踪的触摸操作。

TargetTouches：触摸的对象，具体到事件目标数组。

ChangeTouches：那已经过去了触摸触摸对象数组。


每个触摸对象包含的属性如下所示。

ClientX：X坐标碰在视图的目标。

ClientY：Y坐标触摸在视图的目标。

标识符：标识触摸的惟一id。

PageX：在页面目标点的X坐标。

PageY：点页面中的目标Y坐标。

用ScreenX：触摸屏幕中目标的X坐标。

ScreenY：触摸屏幕中目标的Y坐标。

目标DOM：目标节点类。

每个触摸点包含以下触摸信息（常用）：

标识符：一个数字值唯一标识当前的手指在触摸会话（联系会议）。一般的编号从0开始（Android4.1，UC）

目标：DOM元素是由动作指导的目标。

pagex / / / pagex ClientX clienty / /用ScreenX Screeny：数值，在屏幕上发生的动作，（页包含滚动距离，客户端不包含滚动距离，屏幕采用屏幕为基准），U3000

radiusx / /旋转角度：radiusy得出关于手指的形状椭圆，这是两个半径和椭圆，旋转角度分别进行了初步的测试，浏览器不支持，但是功能是不常见的，欢迎大家反馈。

javaｓｃｒｉｐｔ操作的小例子：


Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。


var obj = document.getelementbyidx_x（'id'）；
Obj.addEventListener（'touchmove功能（事件）{
如果仅在一个手指内的元素位置。
如果（event.targettouches.length = = 1）{
（事件。preventDefault）； / /阻止浏览器的默认事件，重要的
VaR触摸=事件。targettouches { 0 }；
手指位置中的元素
obj.style.left = touch.pagex-50 + 'px；
obj.style.top = touch.pagey-50 + 'px；
}
}，假）；