移动端开发 原生touch事件使用

概述：

开发移动端也有一段时间了，开发中经常用touch事件，最近琢磨了琢磨这touch事件到底是怎么回事，理解的也比较肤浅，但是希望能帮到大家。

前言：

移动端的touch事件最早出现在包含iOS2.0软件的iPhone 3G发布时，含了一个新版本的Safari浏览器。这款新的移动Safari提供了一些与触摸(touch)操作相关的新事件。

之后随着触屏手机的大行其道，触摸(touch)事件也被用到了Android的手机中。

触摸事件分类：

touchstart:当手指触摸屏幕时触发；即使已经有一个手指放在了屏幕上也会触发。

touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间，调用preventDefault()可阻止滚动。

touchend:当手指从屏幕上移开时触发。

touchcancel:当系统停止跟踪触摸时触发。关于此事件的确切触发事件，文档中没有明确说明。

事件event对象上的属性：

以上事件的event对象上面都存在如下属性：

touches:表示当前跟踪的触摸操作的Touch对象的数组。

targetTouches:特定于事件目标的Touch对象的数组。

changeTouches:表示自上次触摸以来发生了什么改变的Touch对象的数组。

每个Touch对象包含下列属性。

clientX:触摸目标在视口中的X坐标。

clientY:触摸目标在视口中的Y坐标。

identifier：表示触摸的唯一ID。

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

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

screenX:触摸目标在屏幕中的x坐标。

screenY:触摸目标在屏幕中的y坐标。

target:触摸的DOM节点坐标。

转载自 http://www.uw3c.com/jsviews/js51.html