触控与手势

随着移动设备的广泛应用,对触屏的支持势在必行。

H5中新增了Touch API来支持触控,包括:

TouchEvent表示触控事件

Touch表示一个触控点

TouchList表示一组触控点

TouchEvent是触控事件对象,比普通事件对象多了touches、targetTouches changedTouches属性

触控事件类型有touchstart、touchendtouchmovetouchcancel

Touch对象包含identifierscreenXclientXpageXtarget等,甚至还包含radiusX、rotationAngleforce等属性

TouchList包含length、item(index)

上面的基本的触控事件比较底层,使用起来不是很方便,尤其是应用开发中如果能够直接使用手势则更加高效、除了一些常用的框架提供触控和手势支持之外,还有一些脚本库也能单独提供触控和手势的支持,如:

Hammer.js   http://hammerjs.github.io/

Touch.js http://touch.code.baidu.com/ (来自百度)

猜你喜欢

转载自www.cnblogs.com/liubingboke/p/8900811.html