触控与手势

Posted 2020-10-31 刘兵

 

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

H5中新增了Touch API来支持触控，包括：

TouchEvent表示触控事件

Touch表示一个触控点

TouchList表示一组触控点

 

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

触控事件类型有touchstart、touchend、touchmove、touchcancel

Touch对象包含identifier、screenX、clientX、pageX、target等，甚至还包含radiusX、rotationAngle、force等属性

TouchList包含length、item(index)

 

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

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

 

Touch.js http://touch.code.baidu.com/ （来自百度）