在Web开发中使用多点触碰技术

多点触碰技术"/>

在Web开发中使用多点触碰技术

更多HTML 5文章请查阅HTML 6在线网站

本文概述

        近些年,智能手机等移动设备都使用一个电容式触碰敏感屏幕来捕捉用户手指在设备屏幕上的交互操作。随着移动平台上的Web开发技术的发展,开发者需要寻求一种方法对用户手指在设备屏幕上所进行的交互操作来进行处理。例如,在一些手机游戏中,需要对用户同时按下多个按钮的操作进行处理。这种操作对于设备屏幕来说,属于一种多点触碰操作。


       目前为止,iOS操作系统与Android操作系统都推出了自己的touch events API。最近,W3C工作小组将这些API进行结合,推出了touch events标准。


       本文针对touch events API进行概要介绍,同时介绍开发者可以通过touch events API开发什么样的应用程序,以及使用touch events API时必须要附加的一些额外的处理。


触碰事件


       在touch events标准中,定义了三种目前为止受到所有移动设备支持的事件：


touchstart:当用户手指在一个页面元素上按下时触发。
touchmove:当用户手指拖动一个页面元素时触发。
touchend:当用户手指从一个页面元素上松开时触发。
每一个事件对象都拥有如下所示的一些属性：


touches:由所有用户手指在屏幕上的触碰点所构成的集合。
targetTouches:由所有用户手指在页面元素上的触碰点所构成的集合。
changedTouches:由本次事件所涉及到的所有触碰点所构成的集合。例如,当被触发的事件为touchend事件时,该集合中包括所有被从屏幕上移除