触控与手势

 

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

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/ (来自百度)

 

posted @ 2018-04-25 18:29  刘兵博客  阅读(169)  评论(0编辑  收藏  举报